iview / iview-admin

Vue 2.0 admin management system template based on iView
https://admin.iviewui.com/
MIT License
16.47k stars 4.84k forks source link

【紧急】echarts4.1.0使用Pie图表多series不联动 #1201

Closed dreamchen closed 5 years ago

dreamchen commented 5 years ago

环境

echarts 4.1.0 iview-admin 2.0 浏览器 chrome

问题

1.在页面中使用多series的Pie图表发现,鼠标滑动至Tootip元素上只有series[0]联动,series[1]不联动,删除series[0]后,原series[1]联动。总结后为:只要存在多个series只有第一个联动,其他均不联动 如图: image

2.将如上option信息复制后,在原生html中实现,无此问题 如图: image

参数信息

Option信息:option = {"title":{"text":"商家调用占比","subtext":"总量(左) / 今日(右)","x":"center"},"tooltip":{"trigger":"item","formatter":"{a} <br/>{b} : {c} ({d}%)"},"legend":{"orient":"horizontal","bottom":10,"left":"center","data":["SJ1","SJ2","SJ3","SJ4","SJ5","SJ6","SJ7","SJ8","SJ9","SJ10","SJ11","SJ12","SJ13","SJ14","SJ15"]},"series":[{"name":"总量","type":"pie","radius":"50%","center":["25%","50%"],"label":{"normal":{"show":false},"emphasis":{"show":true}},"lableLine":{"normal":{"show":false},"emphasis":{"show":true}},"data":[{"value":335,"name":"SJ1"},{"value":310,"name":"SJ2"},{"value":234,"name":"SJ3"},{"value":135,"name":"SJ4"},{"value":1548,"name":"SJ5"},{"value":335,"name":"SJ6"},{"value":310,"name":"SJ7"},{"value":234,"name":"SJ8"},{"value":135,"name":"SJ9"},{"value":1548,"name":"SJ10"},{"value":335,"name":"SJ11"},{"value":310,"name":"SJ12"},{"value":234,"name":"SJ13"},{"value":135,"name":"SJ14"},{"value":1548,"name":"SJ15"}],"selectedMode":"single","itemStyle":{"emphasis":{"shadowBlur":10,"shadowOffsetX":0,"shadowColor":"rgba(0, 0, 0, 0.5)"}}},{"name":"今日","type":"pie","radius":"50%","center":["75%","50%"],"label":{"normal":{"show":false},"emphasis":{"show":true}},"lableLine":{"normal":{"show":false},"emphasis":{"show":true}},"data":[{"value":1335,"name":"SJ1"},{"value":1310,"name":"SJ2"},{"value":1234,"name":"SJ3"},{"value":1135,"name":"SJ4"},{"value":11548,"name":"SJ5"},{"value":1335,"name":"SJ6"},{"value":1310,"name":"SJ7"},{"value":1234,"name":"SJ8"},{"value":1135,"name":"SJ9"},{"value":11548,"name":"SJ10"},{"value":1335,"name":"SJ11"},{"value":1310,"name":"SJ12"},{"value":1234,"name":"SJ13"},{"value":1135,"name":"SJ14"},{"value":12548,"name":"SJ15"}],"selectedMode":"single","itemStyle":{"emphasis":{"shadowBlur":10,"shadowOffsetX":0,"shadowColor":"rgba(0, 0, 0, 0.5)"}}}]};

dreamchen commented 5 years ago

Echarts联动问题已找到根本原因。是由于Echarts方导致的问题,联动问题是其BUG。官方修复后未发布最新Release版本,导致webpack包一直是老版本导致。目前已暂时使用其Pre-release版本4.2.1-rc1。