javascript - 在 Google Chart 选项 Javascript 中使用变量

Question

我使用以下代码创建了 Google 饼图:

var data = google.visualization.arrayToDataTable(array);
var options = {
  title: 'Meta Share',
      is3D: true,
      sliceVisibilityThreshold: .04,
      slices: {  6 : {offset: 0.2},
      },
    };

    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}

我想根据用户正在执行的操作动态选择饼图的一部分。 我现在有以下代码:

var slice = 8;

但是，我现在想在上面的代码中使用这个变量；用变量“slice”替换“6”不起作用。

有什么建议吗？ :)

Answer 1

您不能使用变量作为对象字面量中的键，您必须首先创建对象，然后使用括号将变量用作键

var slice  = 8;
var slices = {};

slices[slice] = {offset: 0.2};

var data = google.visualization.arrayToDataTable(array);
var options = {
    title  : 'Meta Share',
    is3D   : true,
    sliceVisibilityThreshold : .04,
    slices : slices
};

var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}