ECharts 可以通过使用 Ajax 或 WebSocket 等技术动态加载数据。以下是一种常见的动态加载数据的方法:
- 在 HTML 文件中引入 ECharts 的 JavaScript 文件,以及需要使用的主题和渲染器文件。
ECharts 动态加载数据示例
- 在服务器上创建一个数据接口,例如
data.json
,该接口返回一个 JSON 格式的数据。
[10, 20, 30, 40, 50]
- 当点击“加载数据”按钮时,调用
loadData()
函数,该函数使用 Ajax 请求数据接口,并更新图表的数据,然后使用setOption()
方法更新图表的配置项和数据,最后显示图表。
以上示例中的代码仅提供了一个简单的动态加载数据的方式,实际应用中可能需要根据具体需求进行修改。