0

正と負の値を持つ棒グラフを作成し、各データ ポイントの xAxis (カテゴリ名) を表示します (Fiddle: https://jsfiddle.net/bej8j/75/を参照)。

ここにプロットオプションがありますが、他に何が必要かわかりません(jsfiddleにリンクするコードを含める必要があるため、実際にはこのコードのみをここに入れます)

plotOptions : {
            series : {
                dataLabels: {
                    formatter: function() {
                        return this.x
                    },
                    enabled: true
                }
            }
        },

チャートの各バーの開始位置に合わせてラベルを配置しようとしています。希望する結果をフォト ショップで作成しました: http://i.imgur.com/0I1jSHW.png

どんな助けでも大歓迎です。

4

2 に答える 2

1

各データラベルを反復処理し、translate() 関数を使用して SVG 要素を移動できます。

http://jsfiddle.net/eMjGg/7/

$.each(chart.series[0].data,function(i,data){

        position = chart.yAxis[0].toPixels(0);

        console.log(data);
        if(data.y < 0) 
            position-=10;
        else
            position-=70;

        data.dataLabel.attr({
            x:position
        });
    });
于 2013-05-07T14:16:29.467 に答える
0

これが役立つと思います：http://jsfiddle.net/42dRt/5/

詳細情報は次のとおりです。値が小さすぎる場合、ハイチャートのデータラベルの位置を変更する必要があります

X 値で遊ぶ必要があります。

plotOptions : {
                series : {
                    dataLabels: {
                        formatter: function() {
                            return this.x
                        },
                        x: ?,
                        enabled: true
                    }
                }
            }
于 2013-05-02T22:38:15.830 に答える