如何自定义图表

您可以使用 Google 图表工具的默认设置。所有自定义设置都是可选的,并且基本设置可以进行发布。不过,如果您网页采用的样式与提供的默认值不一致,那么您可以轻松自定义图表。每个图表都提供多种选项,用于自定义其外观和风格。这些选项在传递到图表的 draw() 方法的选项对象中表示为“名称:值”对。

图表通常支持适合该可视化的自定义选项。例如,表格图表支持使用 sortColumn 选项指定默认排序列,饼图可视化图表支持使用 colors 选项来指定切片颜色。每个图表的文档都应说明其支持的选项。

您的选项将作为可选的第二个参数传入图表的 draw() 方法(如前所述)。如需指定选项,请创建一个具有每个图表专用属性的对象。

以下示例演示了如何创建用于指定所有这些属性的选项对象:

var options = {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};

chart.draw(data, options);

这是此代码创建的图表。

您也可以从字面上在 draw() 方法中指定选项:

chart.draw(data, {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
  is3D: true
});

这是此代码创建的图表。

更多信息