2017-04-02 27 views
1

Vuejs2.0コンポーネントでEcharts3.0を使用して、積み上げ棒グラフのy軸にパーセントを割り当てようとしています。私はboundaryGap、splitnumberなどを試しましたが、どれも働いていませんでした。 しかし、私はそれを達成することはできません誰も私はy軸に%を得ることができる考えがありますか?積み上げ棒グラフのY軸のEcharts3.0表示パーセント

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] 
      } 
     ] 
     } 

})以下の形式で

答えて

0

セットY軸

yAxis: [{ 
    type: "value", 
    name: "%", 
    axisLabel: { 
    formatter: "{value} %" 
    } 
}] 
関連する問題