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)。