ECharts API 通过echarts.init创建的实例

通过 echarts.init 创建的图表实例是一个包含图表的容器对象，你可以通过该实例进行图表的配置、更新和销毁等操作。以下是一些通过 echarts.init 创建的图表实例的常用 API：

1. 设置图表配置项和数据

// 设置图表的配置项和数据
myChart.setOption({
    title: {
        text: '示例图表'
    },
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50]
    }]
});

2. 刷新图表

// 刷新图表
myChart.setOption({
    series: [{
        data: [60, 70, 80, 90, 100]
    }]
});

3. 获取图表实例

// 获取图表实例
var myChart = echarts.init(document.getElementById('myChart'));

4. 重绘图表

// 重绘图表
myChart.resize();

5. 动态添加数据

// 动态添加数据
myChart.appendData({
    seriesIndex: 0,
    data: [60, 70, 80, 90, 100]
});

6. 注册自定义事件

// 注册自定义事件
myChart.on('click', function(params) {
    console.log('Clicked on', params);
});

7. 移除自定义事件

// 移除自定义事件
myChart.off('click', clickHandler);

8. 获取图表的图片地址

// 获取图表的图片地址
var imgUrl = myChart.getDataURL({
    pixelRatio: 2, // 图片分辨率
    backgroundColor: '#fff' // 背景色
});

9. 销毁图表

// 销毁图表
myChart.dispose();

通过这些 API，你可以在程序中对图表实例进行各种操作，从而实现图表的动态更新、用户交互等功能。详细的 API 文档可以在 ECharts 的[官方文档](https://echarts.apache.org/zh/api.html)中找到。

转载请注明出处：http://www.zyzy.cn/article/detail/5075/ECharts