隠しデータラベルをハイチャートで修正するには？

JSFIDDLEをご覧ください。ここでは、緑のバーは値を表示しません。私はoverflow:"none", crop:falseを追加することが値を表示することを知っている。しかし、それは領域をプロットすることから外れます。値を隠すのではなく、バーの内側に緑色のバー値（唯一）を表示したいと思います。特定の列については隠しデータラベルをハイチャートで修正するには？

出典

2017-08-14 Jeffrin John

あなた '回転の組み合わせ： -90'と 'align： 'left''はデフォルトの振る舞いを妨げるようです - デフォルトはあなたが求めているように振る舞います。私はその特定の問題に対する解決策はありませんが、私は尋ねる必要があります。なぜ、ラベルを回転させたいのですか？それらを読みにくくし、そうでなければ存在しない問題を導入します。 FWIW、私は単にラベルを '0'回転に保ち、2つの問題を一度に解決することを提案します:) – jlbriggs

真剣に私はこの機能が必要です。私は、私のプロジェクトでグラフのデータラベルの水平ビューと垂直ビューの両方を有効にしました。あなたが私を助ける方法を見つけることができれば、それはすばらしいことになります。 @jlbriggs –

内側のプロパティを緑色の列の真値で設定します。例：http://jsfiddle.net/d7a49u1L/。 –

（すなわち緑列）ラベルの値は、あなたがより多くの情報のためのデータで.Refer dataLabels.insideを属性inside: trueを追加することができ、内部になるように

series: [{ 
    color: colors[0], 
    showInLegend: false, 
    data: [{ 
    ....//first value 
    , { 
     y: 3500, 
     name: 'Second', 
     color: colors[1], 
     dataLabels: { 
     inside: true //labels will be inside column 
     } 
    },... // third and remaining 
    });

Fiddleデモ

出典

2017-08-14 16:59:52

隠しデータラベルをハイチャートで修正するには？

答えて

関連する問題