Echarts中一些常用的API

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

猜你喜欢

转载自blog.csdn.net/qq_68299987/article/details/135140084