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

Question

我有下面这样的线型图，到目前为止还不错。

现在我需要一个下拉图，上面写着本周，本月，月，年，年。

现在，我需要动态地改变x-Axisdataseries和查询数据的基础上，从数据库下拉或有更好的方法来做到这一点。我刚刚开始使用echarts。

如果我选择Current week，我应该在x-Axis上显示Mon,Tues等......作为Labels.如果我选择CUrrent Month，我应该在x-Axis上显示Dates作为Labels.Same should happen with Year and Years.

Answer 1

到底是什么问题？你能提供代码示例吗？

反正我是这样看的。

1. 一般来说，这已经超出了图表组件的范围，所以要把它放在 选择控制 像普通标签一样，将其转化为HTML <select>.
2. 在正文中添加事件监听器并捕获 变更事件 与选定的选项。
3. 当接收到事件和选项时，向后台发送请求，或通过选项值在本地过滤数据。
4. 然后将过滤后的数据打包到图表对象中 { series: { data: [...] }}.
5. 并调用内置图表方法 chartInstance.setOption({ chart_object }) 为更新系列。