蚯蚓图ECharts Gallery

20:11:45图表已生成
代码
var SHData = [
    [{
        name: '105860084'
    }, {
        name: 'PLC',
        value: 95
    }],
    [{
        name: '109470173'
    }, {
        name: 'PLC',
        value: 95
    }],
    [{
        name: '105850050'
    }, {
        name: 'PLC',
        value: 90
    }],
    [{
        name: '100440557'
    }, {
        name: 'PLC',
        value: 90
    }],
    [{
        name: '100440553'
    }, {
        name: 'PLC',
        value: 80
    }],
    [{
        name: '109470204'
    }, {
        name: 'PLC',
        value: 80
    }],
    [{
        name: '104920114'
    }, {
        name: 'PLC',
        value: 70
    }],
    [{
        name: '104920110'
    }, {
        name: 'PLC',
        value: 70
    }],
    [{
        name: '105740102'
    }, {
        name: 'PLC',
        value: 60
    }],
    [{
        name: '109470182'
    }, {
        name: 'PLC',
        value: 60
    }],
    [{
        name: '104920115'
    }, {
        name: 'PLC',
        value: 50
    }],
    [{
        name: '105850123'
    }, {
        name: 'PLC',
        value: 50
    }]
];

var BJData = [
    [{
        name: '100040185'
    }, {
        name: '数控',
        value: 95
    }],
    [{
        name: '100040186'
    }, {
        name: '数控',
        value: 95
    }],
    [{
        name: '100040187'
    }, {
        name: '数控',
        value: 90
    }],
    [{
        name: '100040189'
    }, {
        name: '数控',
        value: 90
    }],
    [{
        name: '100040059'
    }, {
        name: '数控',
        value: 80
    }],
    [{
        name: '100040056'
    }, {
        name: '数控',
        value: 80
    }],
    [{
        name: '100440473'
    }, {
        name: '数控',
        value: 70
    }],
    [{
        name: '100260096'
    }, {
        name: '数控',
        value: 70
    }],
    [{
        name: '100040028'
    }, {
        name: '数控',
        value: 60
    }],
    [{
        name: '100040029'
    }, {
        name: '数控',
        value: 60
    }],
    [{
        name: '100040188'
    }, {
        name: '数控',
        value: 50
    }],
    [{
        name: '100440464'
    }, {
        name: '数控',
        value: 50
    }],
    [{
        name: '100440502'
    }, {
        name: '数控',
        value: 40
    }],
    [{
        name: '100260063'
    }, {
        name: '数控',
        value: 30
    }],
    [{
        name: '100440629'
    }, {
        name: '数控',
        value: 20
    }],
    [{
        name: '100040183'
    }, {
        name: '数控',
        value: 10
    }],
    [{
        name: '100040184'
    }, {
        name: '数控',
        value: 30
    }]
];
	var geoCoordMap = {
		'数控': [868, 210],
		'105860084': [75, 139],//100
		'109470173': [503, 50],//140
		'105850050': [520, 69],//160
		'100440557': [582, 113],//180-B
		'100440553': [618, 110],//190-A
		'109470204': [801, 127],//250
		'104920114': [773, 89],//260
		'104920110': [743, 59],//270
		'105740102': [771, 50],//280
		'109470182': [823, 97],//290
		'104920115': [894, 123],//300
		'105850123': [878, 93],//310
		
		'PLC': [603, 210],
		'100040185': [161, 130],//110-1
		'100040186': [210, 137],//110-2
		'100040187': [250, 138],//110-3
		'100040189': [380, 124],//120
		'100040059': [460, 96],//130-1
		'100040056': [458, 70],//130-2
		'100440473': [532, 111],//180-A
		'100260096': [560, 153],//190-B
		'100040028': [579, 56],//200
		'100040029': [607, 148],//210-A-1
		'100040188': [675, 151],//210-A-2
		'100440464': [638, 68],//215
		'100440502': [712, 71],//220-A-1
		'100260063': [679, 70],//220-A-2
		'100440629': [736, 126],//230
		'100040183': [380, 91],//220-B-1
		'100040184': [336, 92]//220-B-2
	};
var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';
var convertData = function(data) {
		var res = [];
		for(var i = 0; i < data.length; i++) {
			var dataItem = data[i];
			var fromCoord = geoCoordMap[dataItem[0].name];
			var toCoord = geoCoordMap[dataItem[1].name];
			if(fromCoord && toCoord) {
				res.push({
					fromName: dataItem[0].name,
					toName: dataItem[1].name,
					coords: [fromCoord, toCoord]
				});
			}
		}
		return res;
	};

	var color = ['#08ce7b', '#01a5f7'];
	var series = [];
	[
		['北京', BJData],
		['上海', SHData]
	].forEach(function(item, i) {
		series.push({
			name: item[0] + ' Top10',
			type: 'lines',
			zlevel: 1,
			effect: {
				show: true,
				period: 6,
				trailLength: 0.7,
				color: '#fff',
				symbolSize: 2
			},
			lineStyle: {
				normal: {
					color: color[i],
					width: 0,
					curveness: 0.2
				}
			},
			data: convertData(item[1])
		}, {
			name: item[0] + ' Top10',
			type: 'lines',
			zlevel: 2,
			symbol: ['circle', 'none'],
			symbolSize: 5,

			lineStyle: {
				normal: {
					color: color[i],
					width: 1,
					opacity: 0.6,
					curveness: 0.2
				}
			},
			data: convertData(item[1])
		}, {
			name: item[0] + ' Top10',
			type: 'effectScatter',
			coordinateSystem: 'geo',
			zlevel: 2,
			rippleEffect: {
				brushType: 'stroke'
			},
			label: {
				normal: {
					show: false
				}
			},
			symbolSize: 25,
			itemStyle: {
				normal: {
					color: color[i]
				}
			},
			data: item[1].map(function(dataItem) {
				return {
					name: dataItem[1].name,
					value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
				};
			})
		});
	});
	option = {
	    backgroundColor:'#203958',
		/*		tooltip: {
					trigger: 'item'
				},
		*/
		geo: {
			map: '',
			label: {
				emphasis: {
					show: false
				}
			},
			roam: true,
			itemStyle: {
				normal: {
					areaColor: '#323c48',
					borderColor: '#404a59'
				},
				emphasis: {
					areaColor: '#2a333d'
				}
			}
		},
		series: series
	};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
