echarts自定义环形图 图例样式 | 您所在的位置:网站首页 › echarts多个图例 › echarts自定义环形图 图例样式 |
如首图的环形图,产品给的就是类似这种表现形式~~ 在vue中的具体实现(看注释就行了): drawLine(divName,values,tag,center){ let chart = echarts.init(document.getElementById(divName)); var options = { // 设置环形图各个区块的颜色 #F25E5E 红 color: ['#F25E5E', '#04DD94'], // 点击每块区域的弹出层显示 tooltip: { trigger: 'item', // 标题 formatter: '{b}: {d}%' // 数据的显示方式 }, // 设置环形图项 legend: { icon:'path://M78.625,93.094L66.494,72.081l12.132-21.013h24.264l12.132,21.013l-12.132,21.013H78.625z M95.547,80.377l4.79-8.296 l-4.79-8.296h-9.579l-4.79,8.296l4.79,8.296H95.547z', orient: 'vertical', // 图项的显示方式,垂直显示 x: 'left', // 靠左显示,不写此项默认居中显示 y:'center', formatter: function(tags){ let target; let i = 0, l = values.length; for (; i |
CopyRight 2018-2019 实验室设备网 版权所有 |