2012-01-26 2 views
6

私は、1つの軸で "datetime"を使用し、他の軸でカテゴリを使用するHighchartsを使用する非常に簡単な例があります。ポイントなしでレンダリングされ、カテゴリラベルはまったく表示されません。私は今あなたがそのタイプの組み合わせを使用できないのかどうか疑問に思っています。コードは次のとおりです:"datetime"タイプのxAxisとカテゴリのyAxisを使用できますか?

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     type: 'datetime' 
    }, 
    yAxis: { 
     categories: ['p1', 'p2'] 
    }, 
    series: [{ 
     type: 'scatter', 
     data: [ 
     { 
      name: 'Deliv1', 
      x: Date.UTC(2011,0,1), 
      y: 'p1' 
     }, 
     { 
      name: 'Deliv2', 
      x: Date.UTC(2012,0,1), 
      y: 'p2' 
     } 
     ] 
    }] 
    }); 
+0

+1 ...面白いと思われるatm。 – gremo

答えて

8

私の問題に対する答えはhighchartsフォーラムで与えられました。私は解決策が何であったかをここに報告すると思いました。私は間違ってy: 'p1'とy: 'p2'をポイントの値に使用していました。 yの値は実際にはカテゴリのインデックスです。更新されたコードは次のとおりです。

data: [ 
    { 
    name: 'Deliv1', 
    x: Date.UTC(2011,0,1), 
    y: 0 
    }, 
    { 
    name: 'Deliv2', 
    x: Date.UTC(2012,0,1), 
    y: 1 
    } 
] 
+1

ありがとう!私は同じ問題を抱えていたが、あなたの答えでそれを解決した!ありがとう:) –

1

y値は数字であるとふりをする必要があります。

おそらく実際のY値と数字(おそらくインデックス)を持つ配列を持つことによって、ポイントのy値が数値に、y軸設定がラベルのformatterを追加して、実際のy値を値。

また、最小、最大、間隔を調整する必要があります。ツールチップを使用している場合は、同様のフォーマッタを追加してy値を取得する必要があります。

(私が時間があれば、私は例を作成しようとします)。

関連する問題