百度echarts如何在legend中显示数字百分比

2025年01月29日 建站教程

百度echarts如何在legend中显示数字和百分比,下面web建站小编给大家简单介绍一下具体代码!

实现代码如下:

legend: {
  type: 'plain',
  orient: 'vertical',
  left: '65%',
  top: 'center',
  align: 'left',
  itemGap: 6,
  itemWidth: 12,
  itemHeight: 12,
  icon: 'circle',
  symbolKeepAspect: false,
  formatter: function (name) {
    let data = option.series[0].data
    let total = 0
    let tarValue
    for (let i = 0; i < data.length; i++) {
      total += data[i].value
      if (data[i].name == name) {
        tarValue = data[i].value
      }
    }
    let v = tarValue + '人'
    let p = Math.round((tarValue / total) * 100) + '%'  
    return `${name}  ${v}  ${p}`
  },
}

本文链接:http://so.lmcjl.com/news/22277/

展开阅读全文
相关内容