カスタムパーセンテージティックを表示するc3 jsの棒グラフのy軸をカスタマイズする方法

Question

パーセンテージ軸が0,25％、50％、75％と表示されるc3 js棒グラフでカスタムパーセンテージティックをy軸に設定したい100％のみ。

カスタムティックとラベルと共に動作するためには、適切なスケーリングが必要です。

c3 js棒グラフコードのデフォルトコードのティックカウントを変更してみました。その後、値属性を与え、値を設定しました。値：[25,50,75,100]。

しかし、それらは表示されていないため、25％しか表示されませんが、実際のスケーリングが機能しているかどうかは疑問です。

  var QosScoreChart = c3.generate({ 
        bindto: '#qosScore', 
        data: { 
          x: 'x', 
        columns: [ 
           surveyCountArr, 
           qosMonthArr, 
           qosTBArr, 
           qosBBArr 
          ], 

        y2 axis 
          axes:{ 
           TopBox:'y', 
           BottomBox:'y', 
           Surveys:'y2' 
          }, 
         types: { 
          TopBox: 'spline', 
          BottomBox: 'spline', 
          Surveys: 'bar', 
           }, 
          labels: { 
           format: { 
            Surveys: d3.format(""), 
           }} 
         }, 
         bar: {width: 30}, 

        axis: { 
           x: { 
            type: 'category' 
           }, 


          y2:{ 
           show:true, 
           padding: { 
            top: 100, bottom: 10 
             }, 
           max: 100, 
           }, 


          y: { 
           max: 1, 
           padding: { 
             top: 100, bottom:0 
              }, 

           tick:{ 
           format:d3.format("%"), 
           values:[25,50,75,100], 
             count: 4 
             }, 


           }, 
          }, 
        color: { 
        pattern: ['#92CFF6' ,'#2CA02C', '#F72107'] 
        } 
        }); 

Answer 1

は0-100％パーセンテージ形式の場合、値は1未満

データポイントがあまりにも同じ範囲にあることが必要であろう。もちろん

values:[0.25,0.50,0.75,1.00], 

試しする必要が