echarts自定义环形图 图例样式 您所在的位置:网站首页 echarts多个图例 echarts自定义环形图 图例样式

echarts自定义环形图 图例样式

#echarts自定义环形图 图例样式| 来源: 网络整理| 查看: 265

如首图的环形图,产品给的就是类似这种表现形式~~

在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 实验室设备网 版权所有