highcharts使用变量作为图表标题

Question

我是HighCharts和js的新手。我有一个用HTML运行的脚本，它根据一些选择从查询中绘制一个漂亮的图表。在进行查询之前，我不知道图表标题是什么。

我有： 标题：{                     文字：'往返延迟'                 }，强文

我想：

标题：{                 text：$ kpiName             }，

它不起作用。如何获取变量$ kpiName以获得标题中的值？

Answer 1

title: { text: [$kpiName] }

应该有效

Answer 2

我认为我们这太复杂了：

http://jsfiddle.net/jlbriggs/6c8Af/3/

你有：

var theTitle='Round Trip Latency'

因此，在图表代码中，您所要做的就是：

title: {
        text: theTitle
    },

Answer 3

如果在构建图表之前有数据，则可以在配置选项中设置标题。如果您需要更新现有图表的标题，可以使用setTitle功能。

var chart1 = new Highcharts.Chart(options); //create chart with initial data

//update data

chart1.setTitle('My New Title'); //update title

http://api.highcharts.com/highcharts#Chart.setTitle()

Answer 4

尽管不能完全回答问题，但常见的情况可能是使用标准文本和变量将标题放在一起。模板字符串可以完美地实现此目的：

title: {
    text: `Trend for ${this.state.selectedProduct.label}`
},