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

// 或者指定渲染引擎
var myChart = echarts.init(document.getElementById('myChart'), 'canvas');

// 设置图表的配置项和数据
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]
    }]
});

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

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

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

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

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

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

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

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