javascript - 如何将 highchart 系列传递给 highchart 标题？

Question

我使用 Highcharts 创建了一个饼图。我有一个 title，我需要在标题中注入(inject)数据系列的名称。所以它是这样的:

title: {
    text: 'Data name: {name}',
    align: 'center',
    useHTML: true,
    verticalAlign: 'middle',
    y: -70
},

series: [{
    type: 'pie',
    name: 'Some name to be injected inside the title',
    innerSize: '70%',
    data: []
}]

可以这样做吗？

Answer 1

我将通过首先识别或检索系列名称，并将其分配给要在图表配置选项中使用的变量来完成此操作。

无论您使用什么方法来检索或处理图表的系列对象的数据，都应该能够为您提供独立使用的名称。

喜欢:

//process data...
var seriesData = [['Group A', 1598],['Group B', 872],['Group C', 321]];
var seriesName = 'Chart Series Name';

$(function() {
    $('#container').highcharts({
        chart       : { type : 'pie' },
        title       : { text : seriesName },
        subtitle    : { text : null },
        tooltip     : {  },
        plotOptions : {  },
        series      : [{
            name : seriesName,
            data : seriesData
        }]
    }); 
})

示例:

• http://jsfiddle.net/jlbriggs/3d3fuhbb/64/