Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度echarts图表在legend中显示数字百分比

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}`
  },
}
点击展开全文

相关文章

  1. 百度Echarts图表之散点图效果
  2. 百度Echarts图表之饼图多维度分析
  3. 百度Echarts环形百分比图形
  4. 百度Echarts事件处理方法介绍
  5. 百度Echarts数据集dataset的基本用法