ECharts 是一款基于 JavaScript 的开源可视化库,提供了丰富的 API 可以用于创建各种交互式图表。下面是一些常用的 ECharts API:
1. **echarts.init()**:初始化 ECharts 实例,接受一个 DOM 容器作为参数。
var myChart = echarts.init(document.getElementById('chart-container'));
2. **myChart.setOption()**:设置图表的配置项和数据,可以传入一个包含图表配置的对象。
myChart.setOption({ title: { text: '柱状图示例' }, xAxis: { data: ['A', 'B', 'C', 'D', 'E'], }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 15] }] });
3. **myChart.resize()**:调整图表大小,适应容器的变化。
window.addEventListener('resize', function() { myChart.resize(); });
4. **myChart.on()**:绑定事件监听器,可以监听图表的各种交互事件。
myChart.on('click', function(params) { console.log(params); });
5. **echarts.registerMap()**:注册地图数据,用于绘制地图类型的图表。
echarts.registerMap('china', chinaMapData);
6. **echarts.dispose()**:销毁图表实例,释放资源。
myChart.dispose();
这些只是 ECharts 的一部分 API,ECharts 还提供了很多其他的方法和配置项,用于绘制不同类型的图表、控制图表的样式和交互等。你可以查阅 ECharts 官方文档以获取更详细的 API 说明和示例:[ECharts 官方文档](https://echarts.apache.org/zh/api.html)。