以编程方式更改图表字幕

时间:2016-02-13 17:04:54

标签: javascript highcharts

也许不是最好的标题,但我要做的是更改我的图表的字幕以包含显示在其中的最后一个温度。像这样的东西

最后一个值:4度

图表的数据位于csv文件中。

Equivalence

如果我将字幕更改为:

$(document).ready(function () {
    var lastVal = 0;
    $.get('csv/Temp.csv', function (csv) {
        $('#Temp').highcharts({
            chart: {
                type: 'spline',
                zoomType: 'xy'
            },
            data: {
                csv: csv
            },
            title: {
                text: 'Outside Temperature'
            },
            subtitle: {
                text: 'Last value: '
            },
            yAxis: {
                title: {
                    text: 'Units'
                }
            }
        });
    });
});

我只收到文字。我该怎么做?

1 个答案:

答案 0 :(得分:3)

您可以使用函数(API)以编程方式更改图表字幕:

matrix:
  exclude:
    - os: osx
      compiler: gcc

一个例子是:

chart.setTitle(Object title, object subtitle, Boolean redraw)

如果您希望在加载CSV数据的情况下进行此操作,您可以这样做(JSFiddle):

chart.setTitle(null, { text: "New subtitle" }, true);