javascript - Google Charts API : Highlighting closest Datapoints between 2 series. 怎么办?

标签 javascript jquery charts google-visualization

我有一个 Google 折线图,其中包含几年的数据。每年都是一个单独的系列。显示每年/系列的图表图例是可单击的,并且单击任何给定的 2 个或多个这些图例/系列,将显示它们及其相应的数据点及其注释。在 hAxis 中,这些数据点是范围从 1 到 aprox 的整数。 6,000,000。我还在每个数据点的注释下显示了它们的值。

请注意,当您单击数据点时,它的大小会增加并出现白色边框。如果取消单击它,它将返回到原始形式。

我的问题是:

是否可以更改我的代码,以根据预定义的阈值查找 2 个系列之间最接近的前 10 个整数? 我知道样式可能不是一个选项,但也许有一种方法可以强制数据点显示为已单击。

请允许我举例说明以便更好地理解。

As you can see, 1997 and 1998 and currently select. This chart display the desried outcome.

最佳答案

您可以使用选项 selectionMode: 'multiple' 并使用 setSelection() 方法选择适当的点。例如:

        chart.setSelection([
            {row:0, column:1},
            {row:0, column:2},
            {row:2, column:1},
            {row:2, column:2}
        ]);

当然,您必须找出与定义的阈值相对应的点。请参阅example at jsbin .

更新: example with DataView .

关于javascript - Google Charts API : Highlighting closest Datapoints between 2 series. 怎么办?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22882617/

相关文章:

javascript - Highcharts - Highstock "inputEditDataFormat"中断输入

javascript - 网络 Storm : Different JS language versions in different scopes

javascript - jQuery Ajax 调用在 Chrome 浏览器中不起作用

javascript - 使用 NVD3 的响应式饼图

javascript - Jquery,检查 charAt() 是否等于 unicode 字符?

jquery - scrollTop 在 Firefox 和 IE 上不起作用?

javascript - 从下拉列表中选择选项并使用 nodejs 提交请求

jQuery 移动 : Dynamicly loading content (Forms) via PHP no styles not applying

javascript - Google 图表格式化程序不修改工具提示

charts - UML 状态图中的转换 : better to use triggers or guards?