|
|
@@ -2977,6 +2977,7 @@ export const charts = [
|
|
|
echarts: {
|
|
|
option: {
|
|
|
series: {
|
|
|
+ right: 30.0,
|
|
|
type: 'sankey',
|
|
|
layout: 'none',
|
|
|
emphasis: {
|
|
|
@@ -3047,6 +3048,16 @@ export const charts = [
|
|
|
replaceMode: ReplaceMode.Replace,
|
|
|
},
|
|
|
realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.data',
|
|
|
+ label: 'data',
|
|
|
+ type: 'array',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.links',
|
|
|
+ label: 'links',
|
|
|
+ type: 'array',
|
|
|
+ },
|
|
|
{
|
|
|
key: 'echarts.option.series.links.0.value',
|
|
|
label: 'a->a1',
|
|
|
@@ -3101,6 +3112,516 @@ export const charts = [
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
+ {
|
|
|
+ name: '自定义桑基图',
|
|
|
+ icon: 'l-sangshentu',
|
|
|
+ data: {
|
|
|
+ width: 400,
|
|
|
+ height: 500,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ series: {
|
|
|
+ right: 30.0,
|
|
|
+ type: 'sankey',
|
|
|
+ layout: 'none',
|
|
|
+ layoutIterations: 0,
|
|
|
+ emphasis: {
|
|
|
+ focus: 'adjacency',
|
|
|
+ },
|
|
|
+ lineStyle: {
|
|
|
+ color: 'source',
|
|
|
+ opacity: 0.45,
|
|
|
+ curveness: 0.5,
|
|
|
+ },
|
|
|
+
|
|
|
+ label: {
|
|
|
+ color: '#fff',
|
|
|
+ fontSize: 10,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: '华中',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(0,176,80)',
|
|
|
+ borderColor: 'rgba(0,176,80)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '华南',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '华东',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '华北',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(198,89,17)',
|
|
|
+ borderColor: 'rgba(198,89,17)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ name: '西北',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,173,71)',
|
|
|
+ borderColor: 'rgba(112,173,71)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '西南',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(117,113,113)',
|
|
|
+ borderColor: 'rgba(117,113,113)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '北京',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(198,89,17)',
|
|
|
+ borderColor: 'rgba(198,89,17)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '上海',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '武汉',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(0,176,80)',
|
|
|
+ borderColor: 'rgba(0,176,80)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '济南',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '东莞',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '珠海',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '青岛',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '无锡',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '厦门',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '成都',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(0,176,80)',
|
|
|
+ borderColor: 'rgba(0,176,80)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '杭州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '金华',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '南京',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '西安',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,173,71)',
|
|
|
+ borderColor: 'rgba(112,173,71)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '中山',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '天津',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(198,89,17)',
|
|
|
+ borderColor: 'rgba(198,89,17)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '苏州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '威海',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '银川',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,173,71)',
|
|
|
+ borderColor: 'rgba(112,173,71)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '贵阳',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(0,176,80)',
|
|
|
+ borderColor: 'rgba(0,176,80)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '佛山',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '东营',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '舟山',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '郑州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(0,176,80)',
|
|
|
+ borderColor: 'rgba(0,176,80)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '烟台',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '嘉兴',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '三亚',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '宁波',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '潍坊',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(198,89,17)',
|
|
|
+ borderColor: 'rgba(198,89,17)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '合肥',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '湖州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '枣庄',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '太原',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(198,89,17)',
|
|
|
+ borderColor: 'rgba(198,89,17)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '海口',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '长沙',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(0,176,80)',
|
|
|
+ borderColor: 'rgba(0,176,80)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '淄博',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '聊城',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '常州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '济宁',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '南宁',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '梅州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '遵义',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '南昌',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '宿迁',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '福州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(48,84,150)',
|
|
|
+ borderColor: 'rgba(48,84,150)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '桂林',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '广州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '深圳',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '惠州',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(112,48,160)',
|
|
|
+ borderColor: 'rgba(112,48,160)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '拉萨',
|
|
|
+ itemStyle: {
|
|
|
+ color: 'rgba(117,113,113)',
|
|
|
+ borderColor: 'rgba(117,113,113)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ links: [
|
|
|
+ { source: '武汉', target: '华中', value: 1 },
|
|
|
+ { source: '深圳', target: '华南', value: 1 },
|
|
|
+ { source: '北京', target: '华北', value: 1 },
|
|
|
+ { source: '广州', target: '华南', value: 1 },
|
|
|
+ { source: '上海', target: '华东', value: 1 },
|
|
|
+ { source: '济南', target: '华东', value: 1 },
|
|
|
+ { source: '东莞', target: '华南', value: 1 },
|
|
|
+ { source: '珠海', target: '华南', value: 1 },
|
|
|
+ { source: '青岛', target: '华东', value: 1 },
|
|
|
+ { source: '无锡', target: '华东', value: 1 },
|
|
|
+ { source: '厦门', target: '华东', value: 1 },
|
|
|
+ { source: '成都', target: '华中', value: 1 },
|
|
|
+ { source: '杭州', target: '华东', value: 1 },
|
|
|
+ { source: '金华', target: '华东', value: 1 },
|
|
|
+ { source: '南京', target: '华东', value: 1 },
|
|
|
+ { source: '西安', target: '西北', value: 1 },
|
|
|
+ { source: '中山', target: '华南', value: 1 },
|
|
|
+ { source: '天津', target: '华北', value: 1 },
|
|
|
+ { source: '苏州', target: '华东', value: 1 },
|
|
|
+ { source: '威海', target: '华东', value: 1 },
|
|
|
+ { source: '银川', target: '西北', value: 1 },
|
|
|
+ { source: '贵阳', target: '华中', value: 1 },
|
|
|
+ { source: '佛山', target: '华南', value: 1 },
|
|
|
+ { source: '东营', target: '华东', value: 1 },
|
|
|
+ { source: '舟山', target: '华东', value: 1 },
|
|
|
+ { source: '郑州', target: '华中', value: 1 },
|
|
|
+ { source: '烟台', target: '华东', value: 1 },
|
|
|
+ { source: '嘉兴', target: '华东', value: 1 },
|
|
|
+ { source: '三亚', target: '华南', value: 1 },
|
|
|
+ { source: '宁波', target: '华东', value: 1 },
|
|
|
+ { source: '潍坊', target: '华北', value: 1 },
|
|
|
+ { source: '合肥', target: '华东', value: 1 },
|
|
|
+ { source: '湖州', target: '华东', value: 1 },
|
|
|
+ { source: '枣庄', target: '华东', value: 1 },
|
|
|
+ { source: '太原', target: '华北', value: 1 },
|
|
|
+ { source: '海口', target: '华南', value: 1 },
|
|
|
+ { source: '长沙', target: '华中', value: 1 },
|
|
|
+ { source: '淄博', target: '华东', value: 1 },
|
|
|
+ { source: '聊城', target: '华东', value: 1 },
|
|
|
+ { source: '常州', target: '华东', value: 1 },
|
|
|
+ { source: '济宁', target: '华东', value: 1 },
|
|
|
+ { source: '南宁', target: '华南', value: 1 },
|
|
|
+ { source: '梅州', target: '华南', value: 1 },
|
|
|
+ { source: '遵义', target: '华东', value: 1 },
|
|
|
+ { source: '南昌', target: '华东', value: 1 },
|
|
|
+ { source: '宿迁', target: '华东', value: 1 },
|
|
|
+ { source: '福州', target: '华东', value: 1 },
|
|
|
+ { source: '桂林', target: '华南', value: 1 },
|
|
|
+ { source: '惠州', target: '华南', value: 1 },
|
|
|
+ { source: '拉萨', target: '西南', value: 1 },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.data',
|
|
|
+ label: 'data',
|
|
|
+ type: 'array',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.links',
|
|
|
+ label: 'links',
|
|
|
+ type: 'array',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.links.0.value',
|
|
|
+ label: '武汉->华中',
|
|
|
+ type: 'integer',
|
|
|
+ enableMock: true,
|
|
|
+ mock: '1-18',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ props: {
|
|
|
+ custom: [
|
|
|
+ {
|
|
|
+ key: 'echarts',
|
|
|
+ label: 'echarts配置',
|
|
|
+ type: 'code',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
@@ -3108,28 +3629,57 @@ export const charts = [
|
|
|
show: true,
|
|
|
list: [
|
|
|
{
|
|
|
- name: '仪表盘',
|
|
|
+ name: '基础仪表盘',
|
|
|
icon: 'l-dashboard-chart',
|
|
|
data: {
|
|
|
- width: 200,
|
|
|
- height: 200,
|
|
|
+ width: 300,
|
|
|
+ height: 300,
|
|
|
disableAnchor: true,
|
|
|
externElement: true,
|
|
|
name: 'echarts',
|
|
|
echarts: {
|
|
|
option: {
|
|
|
+ fontSize: 10,
|
|
|
tooltip: {
|
|
|
formatter: '{a} <br/>{b} : {c}%',
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
type: 'gauge',
|
|
|
+ radius: '100%',
|
|
|
axisLine: {
|
|
|
roundCap: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: [[1, 'rgba(107,157,215,.25)']],
|
|
|
+ width: 8,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ distance: 4,
|
|
|
+ lineStyle: {
|
|
|
+ color: '#6B9DD7',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ distance: 4,
|
|
|
+ lineStyle: {
|
|
|
+ width: 2,
|
|
|
+ color: '#ccc',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ detail: {
|
|
|
+ color: '#0c56eb',
|
|
|
},
|
|
|
progress: {
|
|
|
show: true,
|
|
|
roundCap: true,
|
|
|
+ width: 8,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ color: '#ddd',
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ color: '#0c56eb',
|
|
|
},
|
|
|
data: [{ value: 70 }],
|
|
|
},
|
|
|
@@ -3139,16 +3689,444 @@ export const charts = [
|
|
|
},
|
|
|
realTimes: [
|
|
|
{
|
|
|
- key: 'echarts.option.series.0.data',
|
|
|
- label: '数据',
|
|
|
- type: 'object',
|
|
|
+ key: 'echarts.option.series.0.data.0.value',
|
|
|
+ label: '值',
|
|
|
+ type: 'integer',
|
|
|
+ enableMock: true,
|
|
|
+ mock: '30-80',
|
|
|
},
|
|
|
+ ],
|
|
|
+ props: {
|
|
|
+ custom: [
|
|
|
+ {
|
|
|
+ key: 'echarts',
|
|
|
+ label: 'echarts配置',
|
|
|
+ type: 'code',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '渐变仪表盘',
|
|
|
+ icon: 'l-dashboard-chart',
|
|
|
+ data: {
|
|
|
+ width: 300,
|
|
|
+ height: 300,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ fontSize: 10,
|
|
|
+ tooltip: {
|
|
|
+ formatter: '{a} <br/>{b} : {c}%',
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '最外部进度条',
|
|
|
+ type: 'gauge',
|
|
|
+ radius: '96%',
|
|
|
+ splitNumber: 10,
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: [
|
|
|
+ [
|
|
|
+ 0.6,
|
|
|
+ {
|
|
|
+ colorStops: [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#8D00FF',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 0.4,
|
|
|
+ color: '#0EBAFC',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: '#0EBAFC',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ x: 0,
|
|
|
+ y: 0,
|
|
|
+ x2: 1,
|
|
|
+ y2: 0,
|
|
|
+ type: 'linear',
|
|
|
+ global: false,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ [1, 'rgba(107,157,215,.25)'],
|
|
|
+ ],
|
|
|
+ width: 8,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ distance: 8,
|
|
|
+ splitNumber: 5,
|
|
|
+ lineStyle: {
|
|
|
+ color: '#42E5FB',
|
|
|
+ width: 1,
|
|
|
+ },
|
|
|
+ length: 8,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ distance: 8,
|
|
|
+ length: 15,
|
|
|
+ lineStyle: {
|
|
|
+ width: 1,
|
|
|
+ color: '#42E5FB',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+
|
|
|
+ itemStyle: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ detail: {
|
|
|
+ color: '#ACCFFF',
|
|
|
+ fontSize: 16,
|
|
|
+ fontWeight: 400,
|
|
|
+ offsetCenter: [0, '24%'],
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ data: [{ value: 60 }],
|
|
|
+ pointer: {
|
|
|
+ length: '40%',
|
|
|
+ radius: '20%',
|
|
|
+ width: 4,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#45CAED',
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ animationDuration: 4000,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '指针上的圆',
|
|
|
+ type: 'pie',
|
|
|
+ z: 5,
|
|
|
+ hoverAnimation: false,
|
|
|
+ legendHoverLink: false,
|
|
|
+ radius: ['0%', '6%'],
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#45CAED',
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '外层透明圆',
|
|
|
+ type: 'pie',
|
|
|
+ radius: '60%',
|
|
|
+ startAngle: 0,
|
|
|
+ endAngle: 360,
|
|
|
+ hoverAnimation: false,
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ avoidLabelOverlap: false,
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: {
|
|
|
+ type: 'linear',
|
|
|
+ x: 0,
|
|
|
+ y: 0,
|
|
|
+ x2: 0,
|
|
|
+ y2: 1,
|
|
|
+ colorStops: [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#17A1FF',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(17, 90, 233, 0.16)',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ opacity: 0.2,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '内圆',
|
|
|
+ type: 'pie',
|
|
|
+ radius: '48%',
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ startAngle: 0,
|
|
|
+ endAngle: 360,
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: {
|
|
|
+ colorStops: [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#23A6FF',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(17, 90, 233, 0.21) ',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ x: 0,
|
|
|
+ y: 0,
|
|
|
+ x2: 0,
|
|
|
+ y2: 1,
|
|
|
+ type: 'linear',
|
|
|
+ global: false,
|
|
|
+ },
|
|
|
+ opacity: 0.5,
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
{
|
|
|
- key: 'echarts.option',
|
|
|
- label: 'echarts',
|
|
|
- type: 'object',
|
|
|
+ key: 'echarts.option.series.0.data.0.value',
|
|
|
+ label: '值',
|
|
|
+ type: 'integer',
|
|
|
+ enableMock: true,
|
|
|
+ mock: '30-80',
|
|
|
},
|
|
|
],
|
|
|
+ props: {
|
|
|
+ custom: [
|
|
|
+ {
|
|
|
+ key: 'echarts',
|
|
|
+ label: 'echarts配置',
|
|
|
+ type: 'code',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '进度仪表盘',
|
|
|
+ icon: 'l-dashboard-chart',
|
|
|
+ data: {
|
|
|
+ width: 300,
|
|
|
+ height: 300,
|
|
|
+ disableAnchor: true,
|
|
|
+ externElement: true,
|
|
|
+ name: 'echarts',
|
|
|
+ echarts: {
|
|
|
+ option: {
|
|
|
+ fontSize: 10,
|
|
|
+ tooltip: {
|
|
|
+ formatter: '{a} <br/>{b} : {c}%',
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '最外部进度条',
|
|
|
+ type: 'gauge',
|
|
|
+ radius: '96%',
|
|
|
+ splitNumber: 10,
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: [[1, '#33507A']],
|
|
|
+ width: 8,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ distance: 8,
|
|
|
+ splitNumber: 10,
|
|
|
+ lineStyle: {
|
|
|
+ color: '#42E5FB',
|
|
|
+ width: 1,
|
|
|
+ },
|
|
|
+ length: 8,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ distance: 8,
|
|
|
+ length: 15,
|
|
|
+ lineStyle: {
|
|
|
+ width: 1,
|
|
|
+ color: '#42E5FB',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+
|
|
|
+ itemStyle: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ detail: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ data: [],
|
|
|
+ pointer: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ animationDuration: 4000,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '内部进度条',
|
|
|
+ type: 'gauge',
|
|
|
+ radius: '70%',
|
|
|
+ z: 4,
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: [
|
|
|
+ [
|
|
|
+ 0.36,
|
|
|
+ {
|
|
|
+ colorStops: [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: 'rgba(0,191,194,.1)',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 0.5,
|
|
|
+ color: 'rgba(0,191,194,0.4)',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(0,191,194,0.8)',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ x: 0,
|
|
|
+ y: 1,
|
|
|
+ x2: 0,
|
|
|
+ y2: 0,
|
|
|
+ type: 'linear',
|
|
|
+ global: false,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ [1, 'rgba(0,0,0,0)'],
|
|
|
+ ],
|
|
|
+ width: 20,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: 'rgb(46, 143, 255)',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ detail: {
|
|
|
+ offsetCenter: [0, 50],
|
|
|
+ textStyle: {
|
|
|
+ padding: [0, 0, 0, 0],
|
|
|
+ fontSize: 30,
|
|
|
+ color: '#468EFD',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: 36,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ pointer: {
|
|
|
+ width: 3,
|
|
|
+ itemStyle: {
|
|
|
+ color: 'auto',
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ replaceMode: ReplaceMode.Replace,
|
|
|
+ },
|
|
|
+ realTimes: [
|
|
|
+ {
|
|
|
+ key: 'echarts.option.series.1.data.0.value',
|
|
|
+ label: '值',
|
|
|
+ type: 'integer',
|
|
|
+ enableMock: true,
|
|
|
+ mock: '30-80',
|
|
|
+ triggers: [
|
|
|
+ {
|
|
|
+ name: '触发器1',
|
|
|
+ conditionType: 'and',
|
|
|
+ conditions: [
|
|
|
+ { type: '', operator: '!=', valueType: '', value: '-1' },
|
|
|
+ ],
|
|
|
+ actions: [
|
|
|
+ {
|
|
|
+ action: 5,
|
|
|
+ params: '',
|
|
|
+ value:
|
|
|
+ "meta2d.setValue({'echarts.option.series.1.axisLine.lineStyle.color.0.0': pen.echarts.option.series.1.data.0.value/100});",
|
|
|
+ targetType: 'id',
|
|
|
+ props: [],
|
|
|
+ input: '',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ props: {
|
|
|
+ custom: [
|
|
|
+ {
|
|
|
+ key: 'echarts',
|
|
|
+ label: 'echarts配置',
|
|
|
+ type: 'code',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
},
|
|
|
},
|
|
|
],
|
Alsmile