> #### 使用示列 > ~~~ > /*为ECharts准备一个具备大小（宽高）的Dom*/ > <div id="main" style="width: 800px;height:450px;"></div> > /*引入 echarts.js*/ ><script src="echarts.min.js"></script> >/*基于准备好的dom，初始化echarts实例*/ >var chartDom = document.getElementById('main'); >var myChart = echarts.init(chartDom); >指定图表的配置项和数据 >var option; >option = { > title: { > text: '一周订单量', > left: 'center' > }, > toolbox: { > feature: { > saveAsImage: {} > } > }, > xAxis: { > type: 'category', > data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'] > }, > yAxis: { > type: 'value' > }, > series: [{ > data: [150, 230, 224, 218, 135, 147, 260], > type: 'line' > }] > }; > /*使用刚指定的配置项和数据显示图表。*/ > option && myChart.setOption(option); > ~~~ <hr> > #### 演示示列 dom如下: > ~~~ > <div id="main" style="width: 800px;height:450px;"></div> > ~~~