Nodejs爬蟲實戰(七)數據可視化

完整項目代碼

1. HTML部分

  1. 創建一個輸入框,確定按鈕
  2. 數據可視化的盒子
  3. 引入echarts.min.jsajax.js

2. NodeJS部分

  1. 創建本地服務器,端口9000
  2. 引入express模塊,框架搭建

3. echarts_show.js

  1. btn的點擊事件

     btn['onclick'] = x => {}
    
  2. ajax發送get請求

  3. 將數據處理爲echarts圖表的表達

     		var json = eval('(' + data + ')').need;
             var arr = []
             json.forEach(data => {
                 arr.push({
                     name: data.w,
                     value: data.c
                 })
             });
    

4. ajax.js部分

  1. 引入封裝好的js文件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章