charts - 谷歌散点图，不同点大小

Question

我正在使用 Google Scatter Chart APIs尝试绘制一张像 Github 上的打洞卡图表。我不知道如何更改显示的每个点的标记大小。在这个 API 中有可能吗？

Answer 1

是的，这是可能的，但如果使用新的 Material Design 散点图(使用 new google.charts.Scatter() 创建)则不可能。如果使用普通的散点图(使用 new google.visualization.ScatterChart() 创建)，您可以通过为每个点传递一个样式参数以及您的数据来实现这一点。

因此，例如，如果每个点通常定义为 [x, y]，那么您可以将其定义为 [x, y, point_style]。

point_style 的一个例子是 'point { size: 12;形状类型:圆形；填充颜​​色:#FFFFFF；颜色:#CCCCCC }';

因此样本数据点将是 [10, 5, 'point { size: 12;形状类型:圆形；填充颜​​色:#FFFFFF；颜色:#CCCCCC }']

最后，您需要确保已将样式列添加到您的数据列集，如下所示:

var data = new google.visualization.DataTable();

data.addColumn('number', x_axis_title);
data.addColumn('number', y_axis_title);
data.addColumn( {'type': 'string', 'role': 'style'} ); // Defines point style

如果您已完成这些操作 --- 添加样式数据列并为每个单独的点定义样式 --- 然后您的自定义样式将出现在图表上。

如果您想一次为所有点设置 pointSize 和 pointShape，您也可以在图形选项中定义它们，但您不能定义单独的点方式，因此如果您想要更精细的控制，上述方法会更好。