multiple x axis
HighStocksを使って使いたいです。
異なる期間の値を比較したいと思います。
複数の x 軸を使用できない場合は、番号付けを使用したいと思います。たとえば、すべての日付をポイントに変換して使用します。1,2,3,4,...
ありがとう
multiple x axis
HighStocksを使って使いたいです。
異なる期間の値を比較したいと思います。
複数の x 軸を使用できない場合は、番号付けを使用したいと思います。たとえば、すべての日付をポイントに変換して使用します。1,2,3,4,...
ありがとう
hishstock x 軸の日時フォーマットを削除するには、xAxis.labels.formatter を使用します
xAxis: {
labels: {
formatter: function() {
return this.value;
}
}
}
推測する必要がある場合は、データが異なる時間範囲にあるため、複数の x 軸を探していると仮定します。それ以外の場合は、2 つのシリーズの適切な比較を開始してからの経過時間を示しています。この場合、あなたが言及したように生の値を表示したい。ここで、次のように値が単一の x 範囲に収まるようにデータをオフセットすることもできます。
function offsetData(data,offset){
//Use the given time offset or use first timestamp
offset=offset || data[0][0];
var newData=[];
for(var i=0;i<data.length;i++){
newData.push([data[i][0]-offset,data[i][2]]);
}
return newData;
}
異なる時間範囲にわたる時系列データの整列 | ハイチャートとハイストック @ jsFiddle
以上のことをすべて述べたので、highstock では複数の x 軸を持つオプションが可能です。
series: [
{
name: 'series1',
data: data1,
xAxis: 0},
{
name: 'series2',
data: data2,
xAxis: 1}
],
xAxis: [{
min: data1[0][0]},
{
min: data2[0][0]}]
複数の x 軸のケースを修正するために、ツールチップと x ラベルを再フォーマットする必要があるかもしれません。