| 123456789101112131415161718192021222324252627282930313233343536 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>第一個 ECharts 例項</title>
- <!-- 引入 echarts.js -->
- <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
- </head>
- <body>
- <!-- 為ECharts準備一個具備大小（寬高）的Dom -->
- <div id="main" style="width: 600px;height:400px;"></div>
- <script type="text/javascript">
- // 基於準備好的dom，初始化echarts例項
- var myChart = echarts.init(document.getElementById('main'));
- // 指定圖表的配置項和資料
- var option = {
- xAxis: {
- type: 'category',
- data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
- },
- yAxis: {
- type: 'value'
- },
- series: [{
- data: [820, 932, 901, 934, 1290, 1330, 1320],
- type: 'line'
- }]
- };
- // 使用剛指定的配置項和資料顯示圖表。
- myChart.setOption(option);
- </script>
- </body>
- </html>
|
