programing

Echarts3.0 쌓인 막대 차트에서 Y 축에 대한 백분율 표시

newsource 2023. 1. 10. 21:13

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, 2050]
            },
            {
                name: 'Location2',
                type: 'bar',
                stack: 'one',
                label: {
                    normal: {
                        show: true,
                        position: 'insideRight'
                    }
                },
                data: [291064, 34789]
            }
        ]
        }

})

아래 형식으로 yAxis 설정

yAxis: [{
  type: "value",
  name: "%",
  axisLabel: {
    formatter: "{value} %"
  }
}]

언급URL : https://stackoverflow.com/questions/43163882/echarts3-0-display-percent-on-y-axis-in-stacked-bar-chart