出現了echarts is not defined的報錯，是版本的問題。
對於壓縮版的echarts2.2.7及以上版本，是包含了esl的，所以直接像官網一樣<script src="echarts.min.js"></script>引入到頁面即可。
也有可能是直接引用了專案檔案<script src="./src/echarts.js"></script>，這不是模組化的方式，所以瀏覽器也就很直接報錯誤。
Uncaught ReferenceError: define is not defined echarts.js:18
Uncaught ReferenceError: require is not defined test.html:13
前一個是說define方法沒有匯入, 後一個是說require方法沒有匯入。
問題的關鍵有可能是<script src="./statics/js/echarts/esl.js"></script>沒有匯入，這是因為echarts是架設在efe團隊的esl框架基礎上的。
匯入後，你有可能還缺少zrender，ECharts是基於zrender這個html5畫圖元件。如果是沒有壓縮的版本，需要另外引入esl.js才可以使用。如下圖：
擴充套件資料
關於ngx-echarts的echarts is not defined問題
引用的angular框架，其中需求方要求繪製一些圖示，於是便引用echarts，但是在angular4中引用echarts會出現 echarts is not defined這種錯誤。
這個問題其實就是echarts的引用問題，要是你沒有在.angular-cli.json中引用echarts，需要像如下引用：
如果這樣還沒有解決問題，那麼繼續往下看。
在../node_modules/@angular/cli/models/webpack-configs/common.js中找到plugins陣列，如下新增：
參考資料：
echarts4.0官網-ECharts教程
出現了echarts is not defined的報錯，是版本的問題。
對於壓縮版的echarts2.2.7及以上版本，是包含了esl的，所以直接像官網一樣<script src="echarts.min.js"></script>引入到頁面即可。
也有可能是直接引用了專案檔案<script src="./src/echarts.js"></script>，這不是模組化的方式，所以瀏覽器也就很直接報錯誤。
Uncaught ReferenceError: define is not defined echarts.js:18
Uncaught ReferenceError: require is not defined test.html:13
前一個是說define方法沒有匯入, 後一個是說require方法沒有匯入。
問題的關鍵有可能是<script src="./statics/js/echarts/esl.js"></script>沒有匯入，這是因為echarts是架設在efe團隊的esl框架基礎上的。
匯入後，你有可能還缺少zrender，ECharts是基於zrender這個html5畫圖元件。如果是沒有壓縮的版本，需要另外引入esl.js才可以使用。如下圖：
擴充套件資料
關於ngx-echarts的echarts is not defined問題
引用的angular框架，其中需求方要求繪製一些圖示，於是便引用echarts，但是在angular4中引用echarts會出現 echarts is not defined這種錯誤。
這個問題其實就是echarts的引用問題，要是你沒有在.angular-cli.json中引用echarts，需要像如下引用：
如果這樣還沒有解決問題，那麼繼續往下看。
在../node_modules/@angular/cli/models/webpack-configs/common.js中找到plugins陣列，如下新增：
參考資料：
echarts4.0官網-ECharts教程