2016-04-29 3 views
0

HighChartsを使用して一連のスパークラインチャートを作成しました。データはスパンのdata-sparkline属性で定義されています。これに伴い、スパンのdata-sparkdate属性は、最初のデータポイントの月を参照します。ような何か:あなたはスパークラインマーカーの上に置くとHighchartsの{point.x}値で日付を増やす

<span id="sparky" data-sparkdate="Sep-2015" data-sparkline="584.783333, 624.500000, 611.666666, 651.725806, 602.416666"></span> 

は、ラベルはあなたの現在の値、開始月とX点のインデックス番号を示します。すなわちSep-2015, 1 612,Sep-2015, 2 625,Sep-2015, 3 612などとなる。

私がしたいのは、xインデックスを日付に追加することです。表示は次のとおりです:Sep-2015, 612Oct-2015, 625Nov-2015, 612などです。

this JSFiddleのように、{point.x}を日付値に追加しようとしましたが、数値に評価されません。各マーカーで日付を1つずつ増やす方法はありますか?

おかげであなたはX軸ラベルのフォーマッタを使用してstringdate変数を参照することができ

JSFiddle

+1

* datetime * x軸タイプを使用し、* pointStart *および* pointInterval *プロパティを使用することをお勧めします。 – jlbriggs

答えて

0

。 APIにはpointIntervalUnitも含まれています。これを '月'に設定すると、x値は自動的に開始日から1か月ずつ増えます。

0

xAxis:{ 
    tickInterval: 1, 
    labels:{ 
     formatter: function() { 
      return stringdate + ', ' + this.value; 
     } 
    } 
    }, 

例:私はフォーマッタ機能せずにこれを達成するためにpointStartpointIntervalを使用している@jlbriggsあたりのコメントとして

+0

これは、ポイントごとではなくチャートごとの日付をインクリメントします。 – Sivakanesh