1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 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如何利用旭日图实现分类

Echarts入门

Echarts栏目

3d柱状图 apache bar柱状图属性 data echarts echarts图表 echarts地图 echarts折线图 echarts柱状图 echarts饼图 name pie radar series 地图 大全 柱状图 百度 百度echarts 雷达图