1

ポーラー チャートのカスタマイズに問題があります。データ ラベルを 45° 右に移動したいと思います。

ここにフィドルがあり、これは私が得たい結果です: 結果

  1. Polar Chartでそれを行うことは可能ですか（Polar Chartでなければなりません）？

  2. これは、ラベル テキストを定義する正しい方法ですか?

    var categories = ['These', 'are', 'test', 'data'],
count = 0;
/* ... */
    labels: {
        formatter: function () {
            var value = categories[count];

            count++;
            if (count == 5) {
                count = 0;
            }

            return value;
        }
    }
4

2 に答える 2

3

必要な動作を取得するには、次の 2 つの組み合わせが必要です。

  • xAxis.categoriesの代わりに使用formatter: これは、カスタム フォーマッタを作成するよりも簡単です。グリッド線を描画する場所によっては、必要に応じてこの手順を省略できます。
  • seriesオプションで、次のように設定pointPlacementしますbetween: デフォルトでは、ポイントはデフォルトで「北」に面して配置されますが、このオプションを有効にすると、それらの間に配置されます (4 つの値を持つグラフの場合、それらは 45 度に配置されます)。

例えば：

var categories = ['These', 'are', 'test', 'data'],
count = 0;

$('#container').highcharts({
    // ...        
    xAxis: {
        // ...
        categories: categories,
        // ...
    },
    // ...
    series: [{
        // ...
        pointPlacement: 'between',
        // ...
    }]
});
于 2013-09-27T16:06:18.297 に答える