如何修復highchart中的隱藏dataLabel？

請看看JSFIDDLE。這裏，綠色條不顯示任何值。我知道加入overflow:"none", crop:false會顯示該值。但是它離開了繪圖區域，有時對於更大的數字它與標題重疊。我想在欄內獲得綠色欄值（僅限）而不是隱藏值。如何修復highchart中的隱藏dataLabel？

來源

2017-08-14 Jeffrin John

你'旋轉的組合： -90'，'align：'left''似乎阻礙了默認行爲 - 默認行爲完全像你問的那樣。雖然我沒有解決具體問題的方法，但我必須問 - 爲什麼要旋轉標籤？使他們更難閱讀，並引入了一個不會存在的問題。 FWIW，我建議簡單地將標籤保持在'0'旋轉並一次解決兩個問題:) – jlbriggs

認真地我需要這個功能。我在我的項目中啓用了圖表的數據標籤的水平和垂直視圖。如果你能找到一種方法來幫助我，那將會非常好。 @jlbriggs –

使用綠色列的真實值設置內部屬性。例如：http://jsfiddle.net/d7a49u1L/。 –

對於特定的列（即綠柱）標籤值在裏面，你可以在數據添加屬性inside: true .Refer dataLabels.inside更多信息

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

如何修復highchart中的隱藏dataLabel？

回答

相關問題