小编Won*_*art的帖子

Echarts3.0 在堆积条形图中在 y 轴上显示百分比

在 Vuejs2.0 组件中使用 Echarts3.0,我试图在堆积条形图中分配 y 轴上的百分比。我尝试了boundaryGap、splitnumber等,但没有一个奏效。但我无法实现,有人知道如何在 y 轴上获得 % 吗?

export default {
  data: () => ({
    loading: true,
    bar: {              
    xAxis:  {
            type: 'category',
            data: ['Location1','Location2']
        },
    yAxis: {
            type: 'value',
           splitNumber: 10,
           boundaryGap: ['0', '100%'],
           min:0,
           max:100,
            scale:true,
            splitArea : {show : true},
            label: {
                 formatter: function(){
                 return 100 * value /$(this.axis.tickPositions).last()[0]                              
                 + '%';
                       }
                   }
            },
     series: [
            {
                name: 'Location1',
                type: 'bar',
                stack: 'one',
                label: {
                    normal: {
                        show: true,
                        position: 'insideRight'
                    }
                },
                data: [1100, …
Run Code Online (Sandbox Code Playgroud)

javascript bar-chart echarts yaxis vuejs2

3
推荐指数
1
解决办法
3247
查看次数

标签 统计

bar-chart ×1

echarts ×1

javascript ×1

vuejs2 ×1

yaxis ×1