统计图组件

Column

柱状图控件(继承自 Component 标签控件)

Column 属性

Attribute Type Default Description
id int 柱状图控件 id
title String 柱状图标题
subTitle String 说明标题
titleFont String font-size-32px;color-051051051;style-bold 标题字体
subTitleFont String font-size-25px;color-051051051;style-bold 说明标题字体
dataTitleFont String font-size-25px;color-051051051;style-bold 数据字体
titleX int X轴标题文本
titleXFont String font-size-21px;color-051051051;style-bold X轴标题字体
titleY String Y轴标题文本
titleYFont String font-size-21px;color-051051051;style-bold Y轴标题字体
Color1 String 238140043 柱条一颜色
Color2 String 001140241 柱条二颜色
Color3 String 000239238 柱条三颜色
Color4 String 065105225 柱条四颜色
Color5 String 070130180 柱条五颜色
Color6 String 192255062 柱条六颜色
Color7 String 139101008 柱条七颜色
Color8 String 144238144 柱条八颜色
type String Base Base(此时为正常柱图) Stacked(此时为叠加柱图)

Column 方法

Method Return type parameter Description
addData void 添加数据(id||名称分类||年份或月份等||数据||点击显示的数据)

Column 示例

[Form]
id = "Form1"
title = "Column"
layout = "BoxLayoutY"
[Form.Column_Column1]
title = "Column"
addData1 = "1||收入||2011||500||500"
addData2 = "2||收入||2012||550||550"
addData3 = "3||收入||2013||610||610"
addData4 = "4||收入||2014||710||710"
addData5 = "5||收入||2015||710||710"
addData6 = "6||收入||2016||810||810"
addData7 = "7||支出||2011||409||409"
addData8 = "8||支出||2012||359||359"
addData9 = "9||支出||2013||310||310"
addData10 = "10||支出||2014||410||410"
addData11 = "11||支出||2015||810||810"
addData12= "12||支出||2016||910||910"

Bar

条形图控件(继承自 Component 标签控件)

Bar 属性

Attribute Type Default Description
id int 条形图控件 id
title String 条形图标题
subTitle String 说明标题
titleFont String font-size-32px;color-051051051;style-bold 标题字体
subTitleFont String font-size-25px;color-051051051;style-bold 说明标题字体
dataTitleFont String font-size-25px;color-051051051;style-bold 数据字体
titleX int X轴标题文本
titleXFont String font-size-21px;color-051051051;style-bold X轴标题字体
titleY String Y轴标题文本
titleYFont String font-size-21px;color-051051051;style-bold Y轴标题字体
Color1 String 238140043 条形柱条一颜色
Color2 String 001140241 条形柱条二颜色
Color3 String 000239238 条形柱条三颜色
Color4 String 065105225 条形柱条四颜色
Color5 String 070130180 条形柱条五颜色
Color6 String 192255062 条形柱条六颜色
Color7 String 139101008 条形柱条七颜色
Color8 String 144238144 条形柱条八颜色
type String Base Base(此时为正常条形图) Stacked(此时为叠加条形图)
size String 60% 条形图高度(屏幕高度的百分比)

Bar 方法

Method Return type parameter Description
addData void 添加数据(id||名称分类||年份或月份等||数据||点击显示的数据)

Bar 示例

[Form]
id = "Form1bar"
title = "数据"
[Form.Bar_1]
size = "60%"
type = "stacked"
title = "2018 总资产(亿元)"
addData1 = "1||计划||1月||2972.00||2972.00"
addData2 = "2||计划||2月||2972.00||2972.00"
addData3 = "3||计划||3月||2972.00||2972.00"
addData4 = "4||计划||4月||2972.00||2972.00"
addData5 = "5||计划||5月||2972.00||2972.00"
addData6 = "6||计划||6月||2972.00||2972.00"
addData7 = "7||计划||7月||2972.00||2972.00"
addData8 = "8||实际||1月||0||0"
addData9 = "9||实际||2月||0||0"
addData10 = "10||实际||3月||0||0"
addData11 = "11||实际||4月||0||0"
addData12 = "12||实际||5月||0||0"
addData13 = "13||实际||6月||2674.51||2674.51"
addData14 = "14||实际||7月||2690.25||2690.25"
addData15 = "15||计划完成率||1月||0%||0%"
addData16 = "16||计划完成率||2月||0%||0%"
addData17 = "17||计划完成率||3月||0%||0%"
addData18 = "18||计划完成率||4月||0%||0%"
addData19 = "19||计划完成率||5月||0%||0%"
addData20 = "20||计划完成率||6月||89.99%||89.99%"
addData21 = "21||计划完成率||7月||90.52%||90.52%"
color1 = "    244164096"
color2 = "    000191255"
color3 = "    147112219"
titlexfont = "font-size-32px;color-051051051;style-bold"
titleyfont = "font-size-32px;color-051051051;style-bold"
font = "font-size-32px;color-051051051;style-bold"
datatitlefont = "font-size-32px;color-051051051;style-bold"

Line

线状图控件(继承自 Component 标签控件)

Line 属性

Attribute Type Default Description
id int 线状图控件 id
title String 标题
subTitle String 内容标题
titleFont String font-size-32px;color-051051051;style-bold 标题字体
subTitleFont String font-size-25px;color-051051051;style-bold 说明标题字体
dataTitleFont String font-size-25px;color-051051051;style-bold 数据字体
titleX int X轴标题文本
titleXFont String font-size-21px;color-051051051;style-bold X轴标题字体
titleY String Y轴标题文本
titleYFont String font-size-21px;color-051051051;style-bold Y轴标题字体
Color1 String 238140043 线条一颜色
Color2 String 001140241 线条二颜色
Color3 String 000239238 线条三颜色
Color4 String 065105225 线条四颜色
Color5 String 070130180 线条五颜色
Color6 String 192255062 线条六颜色
Color7 String 139101008 线条七颜色
Color8 String 144238144 线条八颜色
type String Base Base(此时为正常线图) Stacked(此时为叠加线图)
smoothed String false 是否圆滑曲线

Line 方法

Method Return type parameter Description
addData void 添加数据(id||名称分类||年份或月份等||数据||点击显示的数据)

Line 示例

[Form]
id = "Form1"
title = "年度收支分析"
layout = "BoxLayoutY"
[Form.Line_Line1]
title = "年度收支分析"
addData1 = "1||收入||2011||500||1000"
addData2 = "2||收入||2012||550||1000"
addData3 = "3||收入||2013||610||1000"
addData4 = "4||收入||2014||710||1000"
addData5 = "5||收入||2015||710||1000"
addData6 = "6||收入||2016||810||1000"
addData7 = "7||支出||2011||409||1000"
addData8 = "8||支出||2012||359||1000"
addData9 = "9||支出||2013||419||1000"
addData10 = "10||支出||2014||401||1000"
addData11 = "11||支出||2015||601||1000"
addData12 = "12||支出||2016||571||1000"
height =200

Mixed

柱线图控件(继承自 Component 标签控件)

Mixed 属性

Attribute Type Default Description
id int 柱线图控件 id
title String 柱线图标题
subTitle String 说明标题
titleFont String font-size-32px;color-051051051;style-bold 标题字体
subTitleFont String font-size-25px;color-051051051;style-bold 说明标题字体
dataTitleFont String font-size-25px;color-051051051;style-bold 数据字体
titleX int X轴标题文本
titleXFont String font-size-21px;color-051051051;style-bold X轴标题字体
titleY String Y轴标题文本
titleYFont String font-size-21px;color-051051051;style-bold Y轴标题字体
Color1 String 238140043 柱线一颜色
Color2 String 001140241 柱线二颜色
Color3 String 000239238 柱线三颜色
Color4 String 065105225 柱线四颜色
Color5 String 070130180 柱线五颜色
Color6 String 192255062 柱线六颜色
Color7 String 139101008 柱线七颜色
Color8 String 144238144 柱线八颜色

Mixed 方法

Method Return type parameter Description
addData void 添加数据(id||名称分类||年份或月份等||数据||点击显示的数据)

Mixed 示例

[Form]
id = "Form1"
title = "Mixed"
layout = "BoxLayoutY"
[Form.Mixed_Mixed1]
title = "2018 净资产(亿元)" 
addData1 = "1||计划||1月||1084.00||1084.00"
addData2 = "2||计划||2月||1084.00||1084.00"
addData3 = "3||计划||3月||1084.00||1084.00"
addData4 = "4||计划||4月||1084.00||1084.00"
addData5 = "5||计划||5月||1084.00||1084.00"
addData6 = "6||计划||6月||1084.00||1084.00"
addData7 = "7||计划||7月||1084.00||1084.00"
addData8 = "8||实际||1月||0||0"
addData9 = "9||实际||2月||0||0"
addData10 = "10||实际||3月||0||0"
addData11 = "11||实际||4月||0||0"
addData12 = "12||实际||5月||0||0"
addData13 = "13||实际||6月||1009.12||1009.12"
addData14 = "14||实际||7月||1015.66||1015.66"
addData15 = "15||计划完成率||1月||0%||0%"
addData16 = "16||计划完成率||2月||0%||0%"
addData17 = "17||计划完成率||3月||0%||0%"
addData18 = "18||计划完成率||4月||0%||0%"
addData19 = "19||计划完成率||5月||0%||0%"
addData20 = "20||计划完成率||6月||93.09%||93.09%"
addData21 = "21||计划完成率||7月||93.70%||93.70%"

Pie

饼状图控件(继承自 Component 标签控件)

Pie 属性

Attribute Type Default Description
id int 饼图控件 id
title String 饼图标题
subTitle String 内容标题
titleFont String font-size-32px;color-051051051;style-bold 标题字体
subTitleFont String font-size-25px;color-051051051;style-bold 说明标题字体
dataTitleFont String font-size-25px;color-051051051;style-bold 数据字体
perFont String font-size-21px;color-051051051;style-bold 百分比文字尺寸
titleTop String 顶部标题文本
titleTopFont String font-size-32px;color-051051051;style-bold 顶部标题字体
titleTopSub String 顶部副标题文本
titleTopFont String font-size-25px;color-051051051;style-bold 顶部副标题字体
titleCenter String 饼图中心占比标题
titleCenterFont String font-size-21px;color-051051051;style-bold 中间标题文本字体
Color1 String 238140043 饼图一颜色
Color2 String 001140241 饼图二颜色
Color3 String 000239238 饼图三颜色
Color4 String 065105225 饼图四颜色
Color5 String 070130180 饼图五颜色
Color6 String 192255062 饼图六颜色
Color7 String 139101008 饼图七颜色
Color8 String 144238144 饼图八颜色
type String 1 饼图类型(1为常规饼图,2为空心饼图)

Pie 方法

Method Return type parameter Description
addData void 添加数据(id||名称分类||年份或月份等||数据||点击显示的数据)

Pie 示例

[Form]
id = "Form1"
title = "员工学历分析"
layout = "BoxLayoutY"
[Form.Pie_Pie1]
type = 2
title = "员工学历构成比例"
addData0 = "ID3||博士||50||博士"
addData1 = "ID4||硕士||10||硕士" 
addData2 = "ID1||本科||30||本科"
addData3 = "ID2||专科||10||专科"
[Form.Pie_Pie2]
title = "员工学历构成比例"
addData0 = "ID3||博士||20||博士"
addData1 = "ID4||硕士||40||硕士"
addData2 = "ID1||本科||30||本科"
addData3 = "ID2||专科||10||专科"

Scatter

散点图控件(继承自 Component 标签控件)

Scatter 属性

Attribute Type Default Description
title String 主标题
subTitle String 副标题
titleFont String font-size-32px;color-051051051;style-bold 主标题字体
subTitleFont String font-size-22px;color-051051051;style-bold 副标题字体
dataTitleFont String font-size-22px;color-051051051;style-bold 右上角散点类型标题字体
titleX String x轴标题
titleY String y轴标题
titleXFont String font-size-18px;color-051051051;style-bold x轴标题字体
titleYFont String font-size-18px;color-051051051;style-bold y轴标题字体
Color1 String 238140043 散点类型一颜色
Color2 String 001140241 散点类型二颜色
Color3 String 000239238 散点类型三颜色
Color4 String 065105225 散点类型四颜色
Color5 String 070130180 散点类型五颜色
Color6 String 192255062 散点类型六颜色
Color7 String 139101008 散点类型七颜色
Color8 String 144238144 散点类型八颜色
symbolSize int 20 散点半径,控制点的大小

Scatter 方法

Method Return type parameter Description
addData void 添加数据(id||散点类型||x轴数据||y轴数据)

Scatter 示例

[Form]
id = "Form1bar"
title = "散点图"
[Form.Scatter_1]
height = 420
symbolSize = "20"
title = "散点图"
subtitle = "散点图"
titleX = "数值x"
titleY = "数值y"
addData1 = "1||第一类||10||8"
addData2 = "2||第一类||10||6.5"
addData3 = "3||第一类||10||8.5"
addData4 = "4||第一类||9||8"
addData5 = "5||第二类||6||7.5"
addData6 = "6||第二类||14||9.91"
addData7 = "7||第二类||12||4.32"
addData8 = "8||第二类||4||7.32"
addData9 = "9||第三类||15||8.76"
addData10 = "10||第三类||11||3.21"
addData11 = "11||第三类||3||9.0"
addData12 = "12||第三类||2.5||8"
addData13 = "13||第三类||7.32||6"

Bubble

气泡图控件(继承自 Component 标签控件)

Bubble 属性

Attribute Type Default Description
title String 主标题
subTitle String 副标题
titleFont String font-size-32px;color-051051051;style-bold 主标题字体
subTitleFont String font-size-22px;color-051051051;style-bold 副标题字体
dataTitleFont String font-size-22px;color-051051051;style-bold 右上角散点类型标题字体
titleX String x轴标题
titleY String y轴标题
titleXFont String font-size-18px;color-051051051;style-bold x轴标题字体
titleYFont String font-size-18px;color-051051051;style-bold y轴标题字体
Color1 String 238140043 气泡一颜色
Color2 String 001140241 气泡二颜色
Color3 String 000239238 气泡三颜色
Color4 String 065105225 气泡四颜色
Color5 String 070130180 气泡五颜色
Color6 String 192255062 气泡六颜色
Color7 String 139101008 气泡七颜色
Color8 String 144238144 气泡八颜色

Bubble 方法

Method Return type parameter Description
addData void 添加数据(id||分类||气泡名称||x轴数据||y轴数据||气泡大小数据)

Bubble 示例

[Form]
id = "Form1bubble"
title = "气泡图"
[Form.Bubble_1]
height = 420
title = "1990与2015 年各国家人均寿命与GDP"
addData1 = "1||1990||Australia||28604||77||170096869"
addData2 = "2||1990||Canada||31163||77.4||27662440"
addData3 = "3||2015||Australia||44056||81.8||23968973"
addData4 = "4||2015||Canada||43294||81.7||35939927"

Funnel

漏斗图控件(继承自 Component 标签控件)

Funnel 属性

Attribute Type Default Description
title String 主标题
subTitle String 副标题
titleFont String font-size-32px;color-051051051;style-bold 主标题字体
subTitleFont String font-size-22px;color-051051051;style-bold 副标题字体
dataTitleFont String font-size-22px;color-051051051;style-bold 右上角散点类型标题字体
dataFont String font-size-30px;color-051051051;style-bold 漏斗图中标注字体
Color1 String 238140043 漏斗一颜色
Color2 String 001140241 漏斗二颜色
Color3 String 000239238 漏斗三颜色
Color4 String 065105225 漏斗四颜色
Color5 String 070130180 漏斗五颜色
Color6 String 192255062 漏斗六颜色
Color7 String 139101008 漏斗七颜色
Color8 String 144238144 漏斗八颜色
click String 漏斗图的点击事件(为空时显示点击位置数据,不为空时判断跳转页面还是跳转操作,例:click="PAGE-pageid-id=id..." 或 click="OP-opid-id=id...")

Funnel 方法

Method Return type parameter Description
addData void 添加数据(id||分类||数据||点击显示数据)

Funnel 示例

[Form]
id = "FormFunnel"
title = "漏斗图"
[Form.Funnel_1]
title = "网站"
addData1 = "1||访问||20||20"
addData2 = "2||咨询||80||80"
addData3 = "3||订单||60||60"
addData4 = "4||点击||100||100"
addData5 = "5||展现||40||40"

Radar

雷达图控件(继承自 Component 标签控件)

Radar 属性

Attribute Type Default Description
title String 主标题
subTitle String 副标题
titleFont String font-size-32px;color-051051051;style-bold 主标题字体
subTitleFont String font-size-22px;color-051051051;style-bold 副标题字体
dataTitleFont String font-size-22px;color-051051051;style-bold 右上角散点类型标题字体
dataFont String font-size-30px;color-051051051;style-bold 图中每个角标注字体
Color1 String 238140043 雷达图一颜色
Color2 String 001140241 雷达图二颜色
Color3 String 000239238 雷达图三颜色
Color4 String 065105225 雷达图四颜色
Color5 String 070130180 雷达图五颜色
Color6 String 192255062 雷达图六颜色
Color7 String 139101008 雷达图七颜色
Color8 String 144238144 雷达图八颜色
click String 漏斗图的点击事件(为空时显示点击位置数据,不为空时判断跳转页面还是跳转操作,例:click="PAGE-pageid-id=id..." 或 click="OP-opid-id=id...")

Radar 方法

Method Return type parameter Description
addData void 添加数据(id||分类||每个模块分类||数据||点击显示数据)

Radar 示例

[Form]
id = "FormRadar"
title = "雷达图"
[Form.Radar_1]
title = "预算VS开销"
subtitle = "雷达图"
addData1 = "1||预算||销售||4300||4300"
addData2 = "2||预算||管理||10000||10000"
addData3 = "3||预算||信息技术||28000||28000"
addData4 = "4||预算||客服||35000||35000"
addData5 = "5||预算||研发||50000||50000"
addData6 = "6||预算||市场||19000||19000"
addData7 = "7||实际||销售||5000||5000"
addData8 = "8||实际||管理||14000||14000"
addData9 = "9||实际||信息技术||28000||28000"
addData10 = "10||实际||客服||31000||31000"
addData11 = "11||实际||研发||42000||42000"
addData12 = "12||实际||市场||21000||21000"
Copyright © 快虎信息 2019 all right reserved,powered by Gitbook该文件修订时间: 2019-03-24 00:42:25

results matching ""

    No results matching ""