1

ハイチャートツールを使用して、膨大な量のデータと系列比較を含むグラフを表示しようとしています。

私が必要とするグラフの王様はまさにこの例で与えられたものです。

鉱山を縦に表示する必要があることを除いて（y軸にタイムライン、上から下に、x軸に値）

「スプライン反転」の例 (こちらを参照) のように、たとえば高度関連のデータを表示するのに非常に役立ちます。

値を反転して軸の凡例を交換することは容易に想像できますが、タイム ライン ナビゲーターは従わないと思います...

また、「軸が反転したスプライン」の例のように、グラフを反転して設定しようとしました。

chart = new Highcharts.StockChart({
           chart: {
               renderTo: 'container',
               inverted: true
           },
...

しかし、うまくいきませんでした。

y 軸にタイム ライン ナビゲーターを配置して、まったく同じグラフを垂直方向に表示する方法はありますか?

編集 : HighStock グラフで反転を使用することはできないようです ( doc に見られるように) ので、質問を調整します: HighCharts 反転グラフを使用して、HighStock チャートと同じ数のポイントを表示できますか? (y 軸にスクロール ナビゲーターが表示されなくても)

4

1 に答える 1

1

Highstock は反転チャートをサポートしていません。次を参照してください: http://api.highcharts.com/highstock#chart

編集: dataGrouping で逆ハイチャートを使用することは可能です。もちろん、ファイルに Highstock が必要ですが、Highcharts.Chart() を使用してチャートを作成するだけです。Highstock から dataGrouping を有効にすることを忘れないでください。例を参照してください: http://jsfiddle.net/PATyv/2/

コード：

 window.chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            inverted: true
        },
        title: {
            text: 'USD to EUR exchange rate'
        },
        tooltip: {
            style: {
                width: '200px'
            },
            valueDecimals: 4
        },
        yAxis: {
            title: {
                text: 'Exchange rate'
            }
        },
        xAxis: {
            type: 'datetime'
        },
        series: [{
            name: 'USD to EUR',
            data: data,
            id: 'dataseries',
            dataGrouping: {
                enabled: true
            }
        }]
    });
于 2013-03-05T10:25:13.953 に答える