2016-07-18 2 views
1

プロパティtickPositionsを使用してy軸に7つの動的パーセンテージの配列を表示しようとしていますが、Highchartsは自動的に配列の最後の要素を除外します。この要素をどのように含めることができますか?ハイチャートのy軸の配列から値を固定する方法

私の現在のグラフ:

enter image description here

私が強調表示された添加で探していた結果:

enter image description here

ここでは、私は、y軸を設定する方法のサンプルです、

yAxis: [{ 
      visible: false, 
      labels: { 
       format: " " 
      }, 
      title: { 
       text: " " 
      } 
     }, 
     { 
      tickPositions: dataKickbacks.KickbackLevels.Percentage, 
      endOnTick: true, 
      title: { 
       text: "Kickback", 
       style: { 
        color: "#000000" 
       } 
      }, 
      labels: { 
       format: '{value}%' 
      }, 
      style: { 
       color: "#000000" 
      }, 
      opposite: true 
     }], 

series: [{ 
     name: "Revenue", 
     color: "#D8D8D8", 
     type: "column", 
     data: monthlyAmount, 
     tooltip: { 
      valuePrefix: 'CHF ' 
     }, 


    }, { 
     name: "Projected Kickback", 
     color: "#000000", 
     type: "line", 
     yAxis: 1, 
     dashStyle: "line", 
     shadow: true, 
     data: [ 
      [0, initialKickbackPercentage], 
      [11, projectedKickbackPercentage] 
     ], 
     marker: { 
      enabled: false 
     }, 
     tooltip: { 
      valueSuffix: '%' 
     }, 

    }] 
+0

http://jsfiddle.net/2242o3tL/1/私のために働く。おそらく、あなたのtickPositions配列は有効ではありませんが、実際のサンプルが含まれていないかどうかは分かりません。 – morganfree

答えて

2

tickPositionsは、お客様のニーズに最適な方法ではない場合があります。 tickIntervalがあなたのグラフに適しています。

yAxis: { 
      tickInterval: 2.5, 
      max: 15, 
      min: 0, 
} 

私たちは、Y軸用tickIntervalmaxmin値を決めました。だから私たちのチャートは、あなたが望むように表示されます。

私はここであなたが見ることができる実例を作った:jsFiddle

+0

これで動作します。私はy軸上の値に配列の要素を代入すると誤植がありました。そのため、初めて動作しませんでした。私はあなたの助けに感謝します! –

関連する問題