highcharts - ハイチャートゲージマルチニードルデータラベルが重複しています

Question

複数の針を持つHighcharts Gaugeチャートがあり、針のデータラベルはhttp://jsfiddle.net/edLHB/3/ plotOptionsのように互いに重なっています 次のように使用しました

plotOptions: {
        guage: {
            dataLabels: {
                enabled: true,
                crop: false,
                overflow: 'none'
            }
        }
    },

重複せずにデータラベルを取得するのを手伝ってください。

ありがとう

Answer 1

一般に、このソリューションはサポートされていません (衝突検出を意味します) が、このソリューションhttp://jsfiddle.net/menXU/6/を適応させます。

function StaggerDataLabels(series) {
    sc = series.length;
    if (sc < 2) return;

    for (s = 1; s < sc; s++) {
        var s1 = series[s - 1].points,
            s2 = series[s].points,
            l = s1.length,
            diff, h;

        for (i = 0; i < l; i++) {
            if (s1[i].dataLabel && s2[i].dataLabel) {
                diff = s1[i].dataLabel.y - s2[i].dataLabel.y;
                h = s1[i].dataLabel.height + 2;

                if (isLabelOnLabel(s1[i].dataLabel, s2[i].dataLabel)) {
                    if (diff < 0) s1[i].dataLabel.translate(s1[i].dataLabel.translateX, s1[i].dataLabel.translateY - (h + diff));
                    else s2[i].dataLabel.translate(s2[i].dataLabel.translateX, s2[i].dataLabel.translateY - (h - diff));
                }
            }
        }
    }
}