javascript - 为什么我的 highchart 代码不起作用？

Question

我在 highcharts 的深入分析事件中发现了这个，它工作正常。

if (!e.seriesOptions) {
    var s=e.point.name;
    var chart = this,
        drilldowns = {
         'SAR': {
                name: 'SAR',
                data: yearData,
            }

        },
        series = drilldowns[e.point.name];

    chart.addSeriesAsDrilldown(e.point, series);                                       
}

但是当我用 e.point.name 替换字符串“SAR”时

if (!e.seriesOptions) {
    var s=e.point.name;
    var chart = this,
        drilldowns = {
         s: {
                name: s,
                data: yearData,
            }

        },
        series = drilldowns[e.point.name];

    chart.addSeriesAsDrilldown(e.point, series);
}

它不显示 e.point.name 中包含字符串“SAR”的任何向下钻取数据。

Answer 1

您无法像您想要的那样创建 JS 对象:

var s = 'SAR',
drilldowns = {
  s: {
    name: s,
    data: [],
  }
}

将使用键s而不是SAR创建一个对象drilldown:

{s: {name: "SAR", data: [] }}

但是，您可以使用带有括号表示法的字符串作为键:

var s = 'SAR', 
drilldowns = {};

drilldowns[s] = { 
  name: s, 
  data: []
}

将为您创建一个带有正确键的向下钻取对象:

{SAR: {name: "SAR", data: []}}