在 echarts 中按时间按周、月、年、年动态添加系列

Question

我有如下折线图。 到目前为止，一切都很好。

现在我需要一个下拉菜单，上面写着当前周，当前月，每月，年，年

现在我需要动态更改 x-Axis/data/series 并根据数据库中的下拉查询数据，或者是否有更好的方法来执行此操作。 我刚刚开始使用 echarts。

如果我 select 本周，我应该在 x 轴上显示 Mon、Tue 等...作为标签。 如果我 select 当前月份我应该将日期显示为 x 轴上的标签。 Year 和 Years 也应该如此。

Answer 1

究竟是什么问题？ 你能提供代码示例吗？

无论如何，我看到它是这样的：

1. 通常，这超出了图表的 scope 作为图表组件，因此将select 控件放入 HTML 中，就像常规标签<select>一样。
2. 将 eventListener 添加到正文并使用所选选项捕获更改事件。
3. 当收到事件和选项时，向后端发送请求或按选项值在本地过滤数据。
4. 然后将过滤后的数据打包成图表 object { series: { data: [...] }} 。
5. 并调用内置图表方法chartInstance.setOption({ chart_object })进行更新系列。