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

Question

我有如下折线图。到目前为止一切顺利。

现在我需要一个下拉菜单，显示当前周、当前月、每月、年、年

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

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

Answer 1

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

反正我是这样看的：

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