【问题标题】:Google Charts API: Highlighting closest Datapoints between 2 series. How?Google Charts API:突出显示两个系列之间最近的数据点。如何?
【发布时间】:2014-04-07 00:27:13
【问题描述】:

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

请注意,当您单击数据点时,它会增大大小并获得白色边框。如果你取消点击它,它会恢复到原来的形式。

我的问题是:

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

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

【问题讨论】:

    标签: javascript jquery charts google-visualization


    【解决方案1】:

    您可以使用选项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.

    【讨论】:

    • 好的。您的代码有效,但我的代码正在从视图加载图表。每当我使用视图时,它都不起作用。它也不会崩溃,但不能按预期工作。在使用视图创建图表时,您将如何完成同样的事情?
    • 你的意思是DataView对象还是别的什么?
    • 数据视图,是的。正确。
    • 更新了 DataView 的示例。但是没有太大区别。问题是你的代码是什么。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-03
    • 1970-01-01
    • 1970-01-01
    • 2013-08-08
    相关资源
    最近更新 更多