Echarts使用步骤

一.下载并引入echarts.js文件

所有的图表依赖这个js库

二.准备一个具备大小的DOM容器

也就是说，需要先有冰箱才能把大象塞进去，所以在网页中引入echart图表，必须先给它买个房子，设置个有宽高的盒子，生成的图标会放置在这个容器内

定义一个box盒子，并为box盒子设置宽高

三.初始化echarts实例对象

这是必须的，想要使用它就要先进行声明。

echarts.init(DOM容器);

var mycharts=echarts.init(document.querySelector('.box'));

四.指定配置项和数据

根据具体需求修改配置选项

//指定配置项与容器    var option = {        title: {            text: 'ECharts 入门示例'        },        tooltip: {},        legend: {            data:['销量']        },        xAxis: {            data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]        },        yAxis: {},        series: [{            name: '销量',            type: 'bar',            data: [5, 20, 36, 10, 10, 20]        }]    };

五.将配置项设置给echarts实例对象

让echarts对象根据修改好的配置生效

// 使用刚指定的配置项和数据显示图表。    mycharts.setOption(option)