2014-02-27 40 views
1

我有逆轉y軸柱形圖:
jsFiddleHighchart逆轉列數據標籤

dataLabels: { 
     enabled: true, 
     color: 'white', 
     verticalAlign: "bottom", 
     y: 10, 
     style: { 
      fontSize: '8px', 
      fontFamily: 'Verdana, sans-serif', 
      textShadow: '0 0 3px black' 
     } 

我想表明,像在的jsfiddle例如列中的數據標籤,但不能設置的位置接近頂部邊界,如here或高於每列的頂部邊界。
我該如何實現它?

+0

你想這樣的事情http://jsfiddle.net/2367L/? –

+0

@SebastianBochan是的,但相反的Y軸 – lvil

回答

0

您需要直接設置選項dataLabels讓他們看到,請參見:http://jsfiddle.net/sX83S/2/

  dataLabels: { 
       ... 
       verticalAlign: "top", 
       overflow: true, 
       crop: false, 
       inside: true, 
      } 
+0

謝謝!很好的答案! – lvil

0

你的問題是基於事實,你改變開始y軸的點。我不知道是否有可能實現你的情況「頂部」,因爲該列的不具有相同的起點,但在同一終點「150」停止。這給一些接近的結果,但你應該進一步思考:

dataLabels: { 
       enabled: true, 
       color: "white", 
       rotation: -90, //optional 
       align: "left", // "right" or delete it at all 
       y:-150,  //this is crucial 
       style: { 
        fontSize: '8px', 
        fontFamily: 'Verdana, sans-serif', 
        textShadow: '0 0 3px black' 
       } 
      }, 

所以,無論如何,你應該爲Y玩(」 y:-50‘是’頂部‘級,’y:-150‘是’底部「級別),並找出所有列的含義不同。

UPD。據我所知,你想把它放在每列的邊緣,唉,我不知道這是可能的。