初試Echarts (一)

liangdas 發(fā)布于2019-08-23 11:55 / 3250人閱讀

摘要：是基于圖畫，可視化數據工具。如圖更多的配置可以看官方的配置項手冊，每一項都有很詳細的說明。參考本地創(chuàng)建了文件用于儲存數據然后異步請求。因為使用的，所以引入了一個。使用的非常好用。

Echarts.js是基于canvas 圖畫，可視化數據工具。

Echarts官方案例

官網下載Echarts
然后引入官網下載Echarts.js



  
    
    ECharts 入門示例--柱狀圖

如圖：

更多的配置可以看官方的配置項手冊，每一項都有很詳細的說明。

異步讀取數據填充圖表

正常來說我的圖表的數據都是異步加載的不會都是寫死的按照教程的異步加載我的瀏覽器是報一個錯誤大概意思就是訪問的數據應該是以http: 開頭的不然讀取不到
需要開啟一個虛擬的服務器才可以讀取本地的json數據我是用node開啟了一個本地服務器。
參考：https://www.cnblogs.com/leoxu...
本地創(chuàng)建了dataj.json 文件用于儲存數據,然后異步請求。
因為使用jquery的ajax，所以引入了一個jquery。
cnd使用的BootCND 非常好用。



  
    
    ECharts ajax加載
    
    
  
  

    

    
    若在Chrome瀏覽器下 想要訪問本地的data.json文件必須開起一個本地的虛擬服務器以http開頭
    

    原文博客地址：https://www.cnblogs.com/leoxuan/p/6513591.html

data.json

{"name":["Android","IOS","PC","Other"],"data1":[420,200,360,100],"data2":[460,260,390,200]}

如圖：

GPU云服務器云服務器初試 Echarts echarts 圖表 cdn echarts

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/97664.html

【2022考研最后40天】要注意這4個時間節(jié)點和這5件事情

摘要：請考生務必妥善保管個人網報用戶名密碼及準考證居民身份證等證件，避免泄露丟失造成損失。自主劃線院校會在月陸續(xù)公布初試成績基本要求。鎖定時間到達后，如招生單位未明確受理意見，鎖定解除，考生可繼續(xù)填報其他志愿。 ...

jaysun 2021-11-18 10:02 評論0 收藏0
利用百度云發(fā)布node應用：初試

摘要：一個百度開發(fā)者賬號，而且里面應該要有錢哦。好了，應該就是上面那幾個，下面我們開始，一在百度開發(fā)云上創(chuàng)建應用對了應該去哪里創(chuàng)建呢，走你。訪問配置斷線重連我們可以建一個這樣的配置，應用啟動時初始化。好了，現在我們可以體驗百度云的樂趣了。準備工作一個基于nodejs的應用。一個百度開發(fā)者賬號，而且里面應該要有錢哦。代碼上傳管理工具git或者svn。好了，應該就是上面那幾個，下面我...

qqlcbb 2019-06-26 16:57 評論0 收藏0
Django前后端分離之REST framework初試

摘要：之前剛學時硬生生使用了靜態(tài)資源和接口分離的方法，實際使用中肯定會非常不方便。于是發(fā)現了用于前后端分離，編寫后臺的框架。之前剛學django時硬生生使用了靜態(tài)資源和接口分離的方法，實際使用中肯定會非常不方便。于是發(fā)現了用于前后端分離，編寫后臺API的REST framework框架。這里做初步嘗試官方文檔看起來非常入門本次實踐主要是根據官方文檔步驟進行初步實踐，其中加入一些自己學習時理...

Scorpion 2019-07-30 17:44 評論0 收藏0
Next.js 初試

摘要：原文鏈接完喜歡的歡迎作者簡介葉茂，蘆葦科技前端開發(fā)工程師，代表作品口紅挑戰(zhàn)網紅小游戲服務端渲染官網微信小程序粒子系統(tǒng)。擅長網站建設公眾號開發(fā)微信小程序開發(fā)小游戲公眾號開發(fā)，專注于前端領域框架交互設計圖像繪制數據分析等研究。 title: next.js入門 tag：next.js, react 序章服務端渲染服務端渲染（SSR: Server Side Rendering）,h...

Markxu 2019-08-23 18:14 評論0 收藏0
初試小刀自我簡歷小程序

摘要：附上個人簡歷小程序圖，做得怎么樣，大家可以微信掃描體驗下，多指教下。小程序開發(fā)資源匯總小程序開發(fā)框架在里面找了找，和比較火，畢竟是騰訊官方的開源，故我選擇了。 >>>點擊獲取更多文章

netmou 2019-08-23 10:48 評論0 收藏0