|
|
@@ -394,30 +394,32 @@ export const shapes = [
|
|
|
height: 100,
|
|
|
name: 'cube',
|
|
|
z: 0.25,
|
|
|
- props: [
|
|
|
- {
|
|
|
- key: 'z',
|
|
|
- label: 'Z',
|
|
|
- type: 'number',
|
|
|
- min: 0,
|
|
|
- placeholder: '<= 1 即宽度的比例',
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'backgroundFront',
|
|
|
- label: '前背景色',
|
|
|
- type: 'color',
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'backgroundUp',
|
|
|
- label: '顶背景色',
|
|
|
- type: 'color',
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'backgroundRight',
|
|
|
- label: '右背景色',
|
|
|
- type: 'color',
|
|
|
- },
|
|
|
- ],
|
|
|
+ props: {
|
|
|
+ custom: [
|
|
|
+ {
|
|
|
+ key: 'z',
|
|
|
+ label: 'Z',
|
|
|
+ type: 'number',
|
|
|
+ min: 0,
|
|
|
+ placeholder: '<= 1 即宽度的比例',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'backgroundFront',
|
|
|
+ label: '前背景色',
|
|
|
+ type: 'color',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'backgroundUp',
|
|
|
+ label: '顶背景色',
|
|
|
+ type: 'color',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'backgroundRight',
|
|
|
+ label: '右背景色',
|
|
|
+ type: 'color',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
@@ -977,69 +979,59 @@ export const charts = [
|
|
|
width: 400,
|
|
|
height: 300,
|
|
|
externElement: true,
|
|
|
- form: [
|
|
|
- {
|
|
|
- key: 'dataY',
|
|
|
- name: '数据',
|
|
|
- type: 'text',
|
|
|
- readonly: true,
|
|
|
- placeholder: '仅绑定变量',
|
|
|
- multiple: true,
|
|
|
- isTime: false,
|
|
|
- isYCategory: false,
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'echarts',
|
|
|
- name: 'echarts',
|
|
|
- type: 'code',
|
|
|
- language: 'json',
|
|
|
- isNotString: true,
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'echarts',
|
|
|
- key2: 'max',
|
|
|
- type: 'number',
|
|
|
- name: '最大数量',
|
|
|
- placeholder: 'x',
|
|
|
- },
|
|
|
- ] as FormItemType[],
|
|
|
disableAnchor: true,
|
|
|
echarts: {
|
|
|
option: {
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ },
|
|
|
grid: {
|
|
|
top: 10,
|
|
|
- bottom: 50,
|
|
|
+ bottom: 20,
|
|
|
left: 40,
|
|
|
right: 5,
|
|
|
},
|
|
|
- dataZoom: [
|
|
|
- {
|
|
|
- height: 16,
|
|
|
- bottom: 10,
|
|
|
- },
|
|
|
- ],
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
|
|
axisLabel: {
|
|
|
fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
},
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value',
|
|
|
axisLabel: {
|
|
|
fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
- data: [820, 932, 901, 934, 1290, 1330, 1320],
|
|
|
type: 'line',
|
|
|
+ data: [820, 932, 901, 934, 1290, 1330, 1320],
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
max: 100,
|
|
|
},
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.max',
|
|
|
+ label: '最大数量',
|
|
|
+ type: 'number',
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
@@ -1051,46 +1043,16 @@ export const charts = [
|
|
|
disableAnchor: true,
|
|
|
externElement: true,
|
|
|
name: 'echarts',
|
|
|
- form: [
|
|
|
- {
|
|
|
- key: 'dataY',
|
|
|
- name: '数据',
|
|
|
- type: 'text',
|
|
|
- readonly: true,
|
|
|
- placeholder: '仅绑定变量',
|
|
|
- multiple: true,
|
|
|
- isTime: false,
|
|
|
- isYCategory: false,
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'echarts',
|
|
|
- name: 'echarts',
|
|
|
- type: 'code',
|
|
|
- language: 'json',
|
|
|
- isNotString: true,
|
|
|
- },
|
|
|
- {
|
|
|
- key: 'echarts',
|
|
|
- key2: 'max',
|
|
|
- type: 'number',
|
|
|
- name: '最大数量',
|
|
|
- placeholder: 'x',
|
|
|
- },
|
|
|
- ] as FormItemType[],
|
|
|
echarts: {
|
|
|
option: {
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
- axisPointer: {
|
|
|
- // 坐标轴指示器，坐标轴触发有效
|
|
|
- type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
|
|
|
- },
|
|
|
},
|
|
|
grid: {
|
|
|
- left: '3%',
|
|
|
- right: '4%',
|
|
|
- bottom: '3%',
|
|
|
- containLabel: true,
|
|
|
+ top: 10,
|
|
|
+ bottom: 20,
|
|
|
+ left: 40,
|
|
|
+ right: 5,
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
@@ -1098,101 +1060,598 @@ export const charts = [
|
|
|
axisTick: {
|
|
|
alignWithLabel: true,
|
|
|
},
|
|
|
+ axisLabel: {
|
|
|
+ fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
},
|
|
|
- yAxis: [
|
|
|
- {
|
|
|
- type: 'value',
|
|
|
+ yAxis: {
|
|
|
+ type: 'value',
|
|
|
+ axisLabel: {
|
|
|
+ fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
},
|
|
|
- ],
|
|
|
+ },
|
|
|
series: [
|
|
|
{
|
|
|
name: '直接访问',
|
|
|
type: 'bar',
|
|
|
barWidth: '60%',
|
|
|
+ label: {
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
data: [10, 52, 200, 334, 390, 330, 220],
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
max: 100,
|
|
|
},
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.max',
|
|
|
+ label: '最大数量',
|
|
|
+ type: 'number',
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
name: '饼图',
|
|
|
icon: 'l-pie-chart',
|
|
|
data: {
|
|
|
- width: 200,
|
|
|
+ width: 300,
|
|
|
height: 200,
|
|
|
disableAnchor: true,
|
|
|
externElement: true,
|
|
|
name: 'echarts',
|
|
|
- form: [
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'item',
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ type: 'pie',
|
|
|
+ radius: ['50%', '70%'],
|
|
|
+ label: {
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ { value: 335, name: '2D' },
|
|
|
+ { value: 310, name: '3D' },
|
|
|
+ { value: 234, name: '大屏' },
|
|
|
+ { value: 135, name: '物联网平台' },
|
|
|
+ { value: 1548, name: '图形库' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
{
|
|
|
- key: 'dataY',
|
|
|
- name: '数据',
|
|
|
- type: 'text',
|
|
|
- readonly: true,
|
|
|
- placeholder: '仅绑定变量',
|
|
|
- multiple: true,
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
},
|
|
|
{
|
|
|
- key: 'echarts',
|
|
|
- name: 'echarts',
|
|
|
- type: 'code',
|
|
|
- language: 'json',
|
|
|
- isNotString: true,
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '散点图',
|
|
|
+ icon: 'l-sandiantu',
|
|
|
+ data: {
|
|
|
+ width: 300,
|
|
|
+ height: 200,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ grid: {
|
|
|
+ top: 10,
|
|
|
+ bottom: 20,
|
|
|
+ left: 40,
|
|
|
+ right: 10,
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ axisLabel: {
|
|
|
+ fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ axisLabel: {
|
|
|
+ fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ symbolSize: 10,
|
|
|
+ data: [
|
|
|
+ [10.0, 8.04],
|
|
|
+ [8.07, 6.95],
|
|
|
+ [13.0, 7.58],
|
|
|
+ [9.05, 8.81],
|
|
|
+ [11.0, 8.33],
|
|
|
+ [14.0, 7.66],
|
|
|
+ [13.4, 6.81],
|
|
|
+ [10.0, 6.33],
|
|
|
+ [14.0, 8.96],
|
|
|
+ [12.5, 6.82],
|
|
|
+ [9.15, 7.2],
|
|
|
+ [11.5, 7.2],
|
|
|
+ [3.03, 4.23],
|
|
|
+ [12.2, 7.83],
|
|
|
+ [2.02, 4.47],
|
|
|
+ [1.05, 3.33],
|
|
|
+ [4.05, 4.96],
|
|
|
+ [6.03, 7.24],
|
|
|
+ [12.0, 6.26],
|
|
|
+ [12.0, 8.84],
|
|
|
+ [7.08, 5.82],
|
|
|
+ [5.02, 5.68],
|
|
|
+ ],
|
|
|
+ type: 'scatter',
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
{
|
|
|
- key: 'echarts',
|
|
|
- key2: 'max',
|
|
|
- type: 'number',
|
|
|
- name: '最大数量',
|
|
|
- placeholder: 'x',
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
},
|
|
|
- ] as FormItemType[],
|
|
|
+ {
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'K线图',
|
|
|
+ icon: 'l-kxiantu',
|
|
|
+ data: {
|
|
|
+ width: 300,
|
|
|
+ height: 200,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
echarts: {
|
|
|
option: {
|
|
|
- tooltip: {
|
|
|
- trigger: 'item',
|
|
|
- formatter: '{a} <br/>{b}: {c} ({d}%)',
|
|
|
+ grid: {
|
|
|
+ top: 20,
|
|
|
+ bottom: 30,
|
|
|
+ left: 40,
|
|
|
+ right: 10,
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ axisLabel: {
|
|
|
+ fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
+ data: ['2017-10-24', '2017-10-25', '2017-10-26', '2017-10-27'],
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ axisLabel: {
|
|
|
+ fontSize: 12,
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
},
|
|
|
- legend: {},
|
|
|
series: [
|
|
|
{
|
|
|
- name: '访问来源',
|
|
|
- type: 'pie',
|
|
|
- radius: ['50%', '70%'],
|
|
|
- avoidLabelOverlap: false,
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- show: false,
|
|
|
- position: 'center',
|
|
|
+ type: 'candlestick',
|
|
|
+ data: [
|
|
|
+ [20, 34, 10, 38],
|
|
|
+ [40, 35, 30, 50],
|
|
|
+ [31, 38, 33, 44],
|
|
|
+ [38, 15, 5, 42],
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '雷达图',
|
|
|
+ icon: 'l-leidatu',
|
|
|
+ data: {
|
|
|
+ width: 300,
|
|
|
+ height: 200,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ grid: {
|
|
|
+ top: 20,
|
|
|
+ bottom: 30,
|
|
|
+ left: 40,
|
|
|
+ right: 10,
|
|
|
+ },
|
|
|
+ radar: {
|
|
|
+ // shape: 'circle',
|
|
|
+ indicator: [
|
|
|
+ { name: 'Sales', max: 6500 },
|
|
|
+ { name: 'Administration', max: 16000 },
|
|
|
+ { name: 'Information Technology', max: 30000 },
|
|
|
+ { name: 'Customer Support', max: 38000 },
|
|
|
+ { name: 'Development', max: 52000 },
|
|
|
+ { name: 'Marketing', max: 25000 },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: 'Budget vs spending',
|
|
|
+ type: 'radar',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: [4200, 3000, 20000, 35000, 50000, 18000],
|
|
|
+ name: 'Allocated Budget',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: [5000, 14000, 28000, 26000, 42000, 21000],
|
|
|
+ name: 'Actual Spending',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '旭日图',
|
|
|
+ icon: 'l-xuritu',
|
|
|
+ data: {
|
|
|
+ width: 200,
|
|
|
+ height: 200,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ radius: ['15%', '80%'],
|
|
|
+ type: 'sunburst',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 5,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 10,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 6,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
},
|
|
|
- emphasis: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- fontSize: '30',
|
|
|
- fontWeight: 'bold',
|
|
|
+ {
|
|
|
+ value: 9,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 4,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
},
|
|
|
},
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- normal: {
|
|
|
- show: false,
|
|
|
+ {
|
|
|
+ value: 7,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 6,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF8C75',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFB499',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ color: '#F54F4A',
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
- data: [
|
|
|
- { value: 335, name: '直接访问' },
|
|
|
- { value: 310, name: '邮件营销' },
|
|
|
- { value: 234, name: '联盟广告' },
|
|
|
- { value: 135, name: '视频广告' },
|
|
|
- { value: 1548, name: '搜索引擎' },
|
|
|
],
|
|
|
+ label: {
|
|
|
+ rotate: 'radial',
|
|
|
+ color: '#ffffff',
|
|
|
+ },
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
replaceMode: ReplaceMode.Replace,
|
|
|
},
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.0.data',
|
|
|
+ label: '数据',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option',
|
|
|
+ label: 'echarts',
|
|
|
+ type: 'object',
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
},
|
|
|
{
|
Alsmile