echart饼状图、柱状图上显示百分比、数据值

柱状图:

echart 3.0写法:

series:[{
    label: {
        normal: {
            show: true,
            position: 'inside',
            formatter: '{c},({d}%)'//多值的嵌套
        }
    }
}]

echart 2.0写法:

series: [{
      type: 'bar',
      itemStyle: {
        normal: {
          label: {
            show: true,
            position: 'inside',//数据在中间显示
            formatter:'{c}'//百分比显示,模板变量有 {a}、{b}、{c}、{d},分别表示系列名,数    
                                    据名,数据值,百分比。{d}数据会根据value值计算百分比
          }
        }
      }
   }]

饼状图:请看https://blog.csdn.net/For_GG/article/details/78326076

        

猜你喜欢

转载自blog.csdn.net/wangchaohpu/article/details/81663286
今日推荐