Google 图表 - 不 link 2 点
Google Charts - dont link 2 points
我的图表中有一条线代表一个总是在早上 8 点重置的统计数据。无论如何我可以阻止图表连接那个特定位置的 2 个点吗?
我找不到这样的设置或 属性 折线图。
图片显示了我的图表现在的样子(顶部)以及我希望它看起来的样子(底部)。
你可以添加一个中间行,在你想要非连接的两点之间有一个域值,部分或所有系列值的空值,然后确保你有 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
我的图表中有一条线代表一个总是在早上 8 点重置的统计数据。无论如何我可以阻止图表连接那个特定位置的 2 个点吗?
我找不到这样的设置或 属性 折线图。
图片显示了我的图表现在的样子(顶部)以及我希望它看起来的样子(底部)。
你可以添加一个中间行,在你想要非连接的两点之间有一个域值,部分或所有系列值的空值,然后确保你有 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