jQWidgets jqxChart 切换事件

介绍

jQWidgets jqxChart是一个强大的数据可视化工具，它支持多种图表类型，并且提供了许多可自定义的选项，功能十分强大。

在使用jQWidgets jqxChart时，我们可能会需要切换不同的数据，或者不同的图表类型。针对这种需求，jQWidgets提供了丰富的事件机制，使得我们可以轻松实现各种切换操作，并且在切换时可以进行相关逻辑的处理。

切换事件

serieTypeChange 事件

该事件是在切换图表类型时会被触发，其参数 event 包括以下属性：

• args.type： 切换后的图表类型。

例如，我们可以在切换图表类型时，在控制台中输出当前图表的类型，如下：

$('#chart').on('serieTypeChange', function(event) {
  console.log('当前图表类型：', event.args.type);
});

rangeSelectionChanged 事件

该事件是在选中或取消选中一段时间区间后会被触发，其参数 event 包括以下属性：

• args.from： 选中时间区间的起始时间。
• args.to： 选中时间区间的结束时间。

例如，我们可以在选中时间区间后，更新控件中的数据，如下：

$('#chart').on('rangeSelectionChanged', function(event) {
  var from = event.args.from;
  var to = event.args.to;

  // 根据选中的时间区间更新数据
  updateChartData(from, to);
});

总结

jQWidgets jqxChart的切换事件使得我们可以轻松地实现各种切换操作，并且在切换时进行相关逻辑的处理，使得我们的应用更加丰富和灵活。