Toggle navigation
散点图有重复value的情况下，datazoom使用中异常
By
爱流不流
2017-09-30 02:40:25
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var result = [{id:"3014001",cengji:1,fid:""},{id:"232962",cengji:2,fid:"3014001"},{id:"232961",cengji:2,fid:"3014001"},{id:"564851",cengji:2,fid:"3014001"},{id:"1235511",cengji:2,fid:"3014001"},{id:"122711",cengji:2,fid:"3014001"},{id:"179620",cengji:3,fid:"5648111"},{id:"12355",cengji:2,fid:"122711"},{id:"12355",cengji:2,fid:"12356"},{id:"179620",cengji:3,fid:"122711"},{id:"12356",cengji:3,fid:"122711"},{id:"123555",cengji:3,fid:"122711"},{id:"5648111",cengji:3,fid:"122711"},{id:"124111",cengji:3,fid:"122711"},{id:"12355",cengji:3,fid:"122711"},{id:"122701",cengji:3,fid:"122711"},{id:"123561",cengji:3,fid:"122711"},{id:"1227111",cengji:3,fid:"122711"},{id:"122121",cengji:3,fid:"122711"},{id:"564881",cengji:3,fid:"122711"},{id:"564871",cengji:3,fid:"122711"},{id:"564891",cengji:3,fid:"122711"},{id:"2329611",cengji:3,fid:"122711"},{id:"123551",cengji:3,fid:"122711"},{id:"564861",cengji:3,fid:"122711"},{id:"564821",cengji:3,fid:"122711"},{id:"564891",cengji:3,fid:"564861"},{id:"564821",cengji:3,fid:"123551"},{id:"123551",cengji:3,fid:"2329611"},{id:"5648111",cengji:3,fid:"122711"},{id:"124111",cengji:3,fid:"123561"},{id:"12355",cengji:3,fid:"1227111"},{id:"122121",cengji:3,fid:"564891"},{id:"564881",cengji:3,fid:"2329611"},{id:"564871",cengji:3,fid:"123551"},{id:"301402",cengji:4,fid:"179620"},{id:"301400",cengji:4,fid:"179620"},{id:"12270",cengji:4,fid:"12356"},{id:"12271",cengji:4,fid:"12356"},{id:"56481",cengji:4,fid:"12356"},{id:"232964",cengji:4,fid:"12356"},{id:"232963",cengji:4,fid:"2329611"},{id:"56486",cengji:4,fid:"2329611"},{id:"232963",cengji:4,fid:"56486"},{id:"12270",cengji:4,fid:"12271"},{id:"12271",cengji:4,fid:"1796201"},{id:"301402",cengji:4,fid:"301400"},{id:"1",cengji:4,fid:"5648111"},{id:"2",cengji:4,fid:"5648111"},{id:"3",cengji:4,fid:"5648111"},{id:"4",cengji:4,fid:"5648111"},{id:"5",cengji:4,fid:"5648111"},{id:"6",cengji:4,fid:"5648111"},{id:"7",cengji:4,fid:"5648111"},{id:"8",cengji:4,fid:"5648111"},{id:"9",cengji:4,fid:"5648111"},{id:"10",cengji:4,fid:"5648111"},{id:"11",cengji:4,fid:"5648111"},{id:"12",cengji:4,fid:"5648111"},{id:"13",cengji:4,fid:"5648111"},{id:"14",cengji:4,fid:"5648111"},{id:"15",cengji:4,fid:"5648111"},{id:"16",cengji:4,fid:"2329611"},{id:"17",cengji:4,fid:"5648111"},{id:"18",cengji:4,fid:"5648111"},{id:"19",cengji:4,fid:"5648111"},{id:"20",cengji:4,fid:"5648111"},{id:"21",cengji:4,fid:"5648111"},{id:"22",cengji:4,fid:"5648111"},{id:"23",cengji:4,fid:"5648111"},{id:"24",cengji:4,fid:"5648111"},{id:"25",cengji:4,fid:"5648111"},{id:"26",cengji:4,fid:"5648111"},{id:"27",cengji:4,fid:"5648111"},{id:"28",cengji:4,fid:"5648111"},{id:"29",cengji:4,fid:"5648111"},{id:"30",cengji:4,fid:"5648111"},{id:"31",cengji:4,fid:"5648111"},{id:"32",cengji:4,fid:"2329611"},{id:"33",cengji:4,fid:"2329611"},{id:"34",cengji:4,fid:"56483"},{id:"35",cengji:4,fid:"56483"},{id:"36",cengji:4,fid:"56483"},{id:"37",cengji:4,fid:"56483"},{id:"38",cengji:4,fid:"56483"},{id:"39",cengji:4,fid:"56483"},{id:"40",cengji:4,fid:"56483"},{id:"41",cengji:4,fid:"56483"},{id:"42",cengji:4,fid:"56483"},{id:"43",cengji:4,fid:"56483"},{id:"44",cengji:4,fid:"56483"},{id:"45",cengji:4,fid:"56483"},{id:"46",cengji:4,fid:"56483"},{id:"47",cengji:4,fid:"56483"},{id:"48",cengji:4,fid:"56483"},{id:"49",cengji:4,fid:"56483"},{id:"50",cengji:4,fid:"56483"},{id:"51",cengji:4,fid:"56483"},{id:"52",cengji:4,fid:"56483"},{id:"53",cengji:4,fid:"56483"},{id:"54",cengji:4,fid:"56483"},{id:"55",cengji:4,fid:"56483"},{id:"56",cengji:4,fid:"56483"},{id:"57",cengji:4,fid:"56483"},{id:"56483",cengji:3,fid:"122711"},{id:"12355",cengji:2,fid:"3014001"},{id:"1796201",cengji:3,fid:"122711"}]; var nodes=[]; var x=[0,0,0,0,0]; var data=[]; for(var i = 0; i < result.length; i++){ //if(data[result[i].id]===undefined){ nodes.push({ value:[data[result[i].id]!==undefined ? data[result[i].id].value[0] : x[result[i].cengji]++, data[result[i].id]!==undefined ? data[result[i].id].value[1] : -result[i].cengji], label: {}, itemStyle:{}, id:result[i].id, fid:result[i].fid, cengji:result[i].cengji }) data[result[i].id]=nodes[nodes.length-1]; //} } var color = ['#a6c84c', '#ffa022', '#46bee9']; option = { backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{ offset: 0, color: '#f7f8fa' }, { offset: 1, color: '#cdd0d5' }]), title: { text: '1990 与 2015 年各国家人均寿命与 GDP' }, legend: { right: 10, data: ['1990', '2015'] }, xAxis: { splitLine: { lineStyle: { type: 'dashed' } } }, yAxis: { splitLine: { lineStyle: { type: 'dashed' } }, scale: true }, dataZoom: [ { type: 'slider', show: true, xAxisIndex: [0], start: 0, end: 100 }, { type: 'slider', show: true, yAxisIndex: [0], start: 100, end: 0 }, { type: 'inside', xAxisIndex: [0], start: 0, end: 100 }, { type: 'inside', yAxisIndex: [0], start: 100, end: 0 } ], tooltip:{ trigger: 'item', formatter: function(e){ return e.id; } }, animation:false, series: [{ name: '1990', data: nodes, type: 'scatter', symbolSize:20, rippleEffect: { brushType: 'stroke' }, label: { normal: { show: false, position: 'right', formatter: function(e){ console.log(e); return e.id; } } }, itemStyle: { normal: { color: color[1] } }, },{ coordinateSystem :'cartesian2d', name: ' Top10', type: 'lines', zlevel: 1, effect: { show: true, period: 6, trailLength: 0.7, color: '#fff', symbolSize: 3 }, lineStyle: { normal: { color: color[1], width: 2, curveness: 0.1,//0.2 } }, data: [{ coords: [[2,2], [4,4]] }] }] };
