08. 设置图表信息 - Sunburs

需要设置的信息

  1. chartInfo_In
  2. series


chartInfo_In

No 项目 数据类型 默认值 说明
1 title 字符串 ‘TChart’ 图表标题
2 titleTop 整数 10 标题位置:相对于canvas上边缘
3 titleLeft 整数 10 标题位置:相对于canvas左边缘
4 legendTop 整数 10 图例位置:相对于canvas上边缘
5 legendLeft 整数 20 图例位置:相对于canvas左边缘
6 legendRight 整数 20 图例位置:相对于canvas右边缘
7 bodyTop 正整数 70 图表主体区域(xy两轴围成的矩形区域):相对于canvas上边缘
8 bodyBottom 正整数 50 图表主体区域(xy两轴围成的矩形区域):相对于canvas下边缘
9 bodyLeft 正整数 50 图表主体区域(xy两轴围成的矩形区域):相对于canvas左边缘
10 bodyRight 正整数 50 图表主体区域(xy两轴围成的矩形区域):相对于canvas右边缘
11 colors 数组 #C23531
#2F4554
#61A0A8
#D48265
#91C7AE
#CA8622
#BDA29A
#6E7074
图表使用的颜色数组
12 series 数组 空数组 数据系列
13 selectedIndex 非负整数 -1 选择项的索引
14 centerX 数值 350 旭日中心点x坐标:相对于canvas左上角
15 centerY 数值 150 旭日中心点y坐标:相对于canvas左上角
16 insideRadius 非负数 30 最里层扇形的内半径
17 sectorRadius 正数 40 扇形半径


series

No 项目 数据类型 默认值 说明
1 name 字符串 空字符串 数据系列名称
2 data 数组 空数组 数据
3 selected 布尔值 true 该系列是否被选择的标志。该项只在雷达图中被使用


注意事项

旭日图的数据系列只有一个。
其数据格式是具有嵌套关系的JSON。

例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var sunbursJsonData = [
{
"name": "Aromas",
"children": [
{
"name": "Enzymatic",
"children": [
{
"name": "Flowery",
"children": [
{
"name": "Floral",
"children1": [
{
"name": "Coffee Blossom",
"colour": "#f9f0ab"
},
{
"name": "Tea Rose",
"colour": "#e8e596"
}
]
},
......