在堆积图表中选择一系列列并检索相关数据

Selecting a range of columns in a stacked chart and retrieving the related data

我正在尝试创建一个堆叠图表,其中的列代表时间,我可以在其中设置范围,并且可以从该范围内的列中检索数据。

This image is a good example of what the chart should look like.

使用上面的示例,我希望能够在 3 月和 7 月之间设置一个范围,并能够从该范围内的列中检索数据。该范围实际上是参考区的 x 轴版本。

是否可以按照这些思路进行操作?如果可以,所需的事件是什么?我正在考虑尝试的当前方法是使用 chartClick 事件来尝试设置一个范围。

与此问题相关的是可以将元素拖放到图表之外吗?我看到的示例仅限于图表本身

由于您的 x 轴是基于时间的,因此在这种情况下时间序列图表将是最佳选择,此外您还可以使用选择更改事件来获取该日期范围内的数据:https://www.fusioncharts.com/dev/fusiontime/api/fusiontime-events#selectionchange

根据您的要求,这里有一个演示:https://jsfiddle.net/o4kw8ra5/

 events: {
      "selectionChange": function(ev) {
        console.log(ev.data.start, ev.data.end);
      }
    }

上面的代码片段 return 您可以选择开始和结束时间戳,您可以使用它来过滤数据。