如何自定義圖形標題和字幕

Question

我想自定義我的圖表主要是附加圖像的標題和副標題。請建議！ 另外我喜歡在面積圖中添加漸變。 可以這樣設計圖表嗎？

Answer 1

您可以設置useHTML爲真，並在標題文本即定義兩個div（左/右內容），以正確的CSS樣式。

text: '<div class="lhsTitle">My custom title</div><div class="rhsTitle">Right content</div>', 

CSS

.lhsTitle { 
    float:left; 
} 
.rhsTitle { 
    float:right 
} 

.highcharts-title { 
    width:80%; 
} 

http://jsfiddle.net/sbochan/BETBk/

Answer 2

可以添加的線性梯度，以該系列中具有下面的代碼片斷：

... //inside Highcharts chart object 

series : [{ 
    name : "Series name", 
    type : "area", 
    fillColor : { 
     linearGradient : [0, 0, 0, 300], 
     stops : [ 
      [0, Highcharts.getOptions().colors[3]], 
      [1, 'rgba(2,0,0,0)'] 
     ] 
    }, 
    data: [...] 
}] 

如下面的示例所示

： http://jsfiddle.net/aNtnm/