5

クモの巣やウィンドローズなどの極座標チャートの Y 軸について助けが必要です。私は、いくつかのウィジェットを含むダッシュボードを備えたアプリケーションを持っています。各ウィジェットには、Highcharts チャートを含む iframe が含まれています。これらのウィジェットはサイズ変更可能であるため、チャートのコンテナーのサイズを変更するための JavaScript をいくつか用意しました。

    $(window).bind("resize", resizeChart);
    function resizeChart() {
        var width = $(document).width() - 55;
        var height = $(document).height() - 60;
        $("#container").css("width", width);
        $("#container").css("height", height);
    }

いくつかの例: http://jsfiddle.net/CwnDw/

私の問題は、y 軸のスケールが非常に見苦しく見えることが多いことです。グラフが読み込まれると、y 軸の目盛りは 1 つだけになります。グラフを + 10 ピクセルにサイズ変更した後、目盛りは含まれず、初期サイズにサイズ変更した後、y 軸は 5 目盛りでレンダリングされます。理由がわかりません。私の例では、グラフを小さなサイズから大きなサイズに非常に速くサイズ変更した場合にのみ、これらの効果が得られます。

グラフのサイズを変更するためのより良い方法はありますか? chart.setSize() 関数を試してみましたが、効果はありません。または: y 軸を再レンダリング/再計算する方法はありますか?

ありがとうトーベン

4

2 に答える 2

1

あなたが探しているものを達成する再描画方法についてはわかりませんが、ハイチャートを使用した経験から、予期しない結果を避けるためにティック位置を指定するのが最善であることがわかりました.

に関するハイチャートのドキュメントへのリンクは次のとおりですyAxis: tickPosition

http://api.highcharts.com/highcharts#yAxis.tickPositions

実装をカバーする必要があるかなり良い jsFiddle の例があります。

于 2013-08-12T14:56:14.673 に答える