完整項目代碼
1. HTML部分
- 創建一個輸入框,確定按鈕
- 數據可視化的盒子
- 引入
echarts.min.js
和ajax.js
2. NodeJS部分
- 創建本地服務器,端口9000
- 引入
express
模塊,框架搭建
3. echarts_show.js
-
btn
的點擊事件btn['onclick'] = x => {}
-
ajax
發送get
請求 -
將數據處理爲
echarts
圖表的表達var json = eval('(' + data + ')').need; var arr = [] json.forEach(data => { arr.push({ name: data.w, value: data.c }) });
4. ajax.js
部分
- 引入封裝好的js文件