Javascript 在谷歌图表中组织图形选项

我正在使用谷歌图表创建一些饼图。我正在创建的图表的大多数图形选项都是相同的，除了标题。是否可以维护一组默认选项，但为每个图形编写特定的选项（在本例中，我只需要设置一个标题）

下面是我正在使用的代码示例：

var graphOptions = {
    is3D: true,
    pieSliceText: 'label',
    colors: ['#F9B641', '#FBCB75', '#FCE1B0', '#FFF8EB', '#FFFFFF'],
    backgroundColor: 'transparent',
    titleTextStyle: {
        color: '#FFF'
    },
    legend: {
        textStyle: {
        color: '#FFF'
        }
    },
    chartArea: {
        width: '90%',
        height: '80%'
    }
};

function pieChart1() {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
        ['Gender', 'Number'],
        ['Male', 216],
        ['Female', 238]
    ]);
    // Create and draw the visualization.
    var chart = new google.visualization.PieChart(document.getElementById('pieChart1'));
    chart.draw(data, graphOptions);
}

function pieChart2() {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
        ['Gender', 'Number'],
        ['Male', 116],
        ['Female', 98]
    ]);
    // Create and draw the visualization.
    var chart = new google.visualization.PieChart(document.getElementById('pieChart2'));
    chart.draw(data, graphOptions);
}

在仍然从graphOptions中提取选项的情况下，如何设置每个图表的标题选项？

通常您会这样做：

var options = { title: 'My Chat Title' };

在您的情况下，为graphOptions对象添加标题，然后执行以下操作：

graphOptions.title = "The New Title";

---

对于每个图形。

正如David所解释的，您可以创建一个选项对象，然后分别编辑该对象的属性

注意：您无法看到标题，因为背景和字体颜色为白色。只需按ctrl+a键选择所有内容，并将它们隐藏在那里

基本上，您可以创建两个函数都可以访问的变量（在本例中为

graphhoptions

）。在每个函数中，您将名为

options

的新变量设置为等于

graphOptions

。然后，您可以将

options

变量的

title

属性更改为所需的任何属性，而无需更改默认选项模板

graphhoptions

，并使用

options

变量绘制图形

对于您的代码，这意味着将此代码添加到每个函数：

var options = graphOptions;
options.title = "Pie Chart X"

您可以将标题更改为任何适当的名称，每个图形的标题都不同。然后在图形绘制命令中，将

graphOptions

更改为

options

以获取

chart.draw(data, options);