如何自定义图标题和副标题

Question

我想自定义我的图表，主要是标题和副标题，如附加图像。请指教！ 我也想在区域图表中添加渐变。 是否可以设计这样的图表？

Answer 1

您可以将useHTML设置为true，并在标题文本中设置两个具有正确CSS样式的div（左/右内容）。

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/