javascript - highcharts 使用变量作为图表标题

Question

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

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

我想：

标题：{ 文本：$kpiName }，

这没用。我如何获取变量 $kpiName 来获取标题中的值？

score 0 · Accepted Answer

0

title: { text: [$kpiName] }

应该管用

于 2013-05-03T18:39:13.763 回答

score 0 · Accepted Answer

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

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

//update data

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

score 0 · Accepted Answer

我认为我们让这太复杂了：

你有：

var theTitle='Round Trip Latency'

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

title: {
        text: theTitle
    },

score 0 · Accepted Answer

虽然没有完全回答这个问题，但常见的情况可能是标题是使用标准文本和变量放在一起的。模板字符串完美地服务于这个目的：

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

4 回答 4