> #### 使用示列 > ~~~ > /*為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> > ~~~