google-visualization - 谷歌图表 - 不要链接 2 点

Question

我的图表中有一条线代表一个总是在早上 8 点重置的统计数据。无论如何我可以阻止图表连接该特定位置的 2 个点吗？

我无法找到 LineCharts 的此类设置或属性。

图片显示了我的图表现在的外观（顶部）以及我希望它的外观（底部）。

Answer 1

您可以添加一个中间行，在您想要非连接的两个点之间添加一个域值，并为您的部分或全部系列值添加空值，然后确保您有interpolateNulls:false选项。域值可能等于您的两点之一。

或者，您可以使用 为每个段设置样式role:'style'，并使用 为任何段赋予不可见的颜色stroke-color:transparent。这是一个显示这一点的示例：http: //jsfiddle.net/dlaliberte/kyq03g12/

// Add a 'style' role column.
data.addColumn({type: 'string', role: 'style'});
...
data.addRows([
      [0, 0, '', 80],   
      [1, 10,'', 75],  
      [2, 23, 'stroke-color:transparent',72],
      [3, 44, '', 37]
  ]);

在此处阅读有关样式角色的更多信息：https ://developers.google.com/chart/interactive/docs/roles#stylerole