通过WebBrowser使用Echats
生活随笔
收集整理的這篇文章主要介紹了
通过WebBrowser使用Echats
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
后端使用webBrowser,前端利用?window.external?調用后端寫好的方法有很多人已解答了,這里就不說了。。
這里主要說怎么讓Echarts從后端數據庫取到值并綁定在data上(在這之前需要先將eharts的包引入)
C#后臺代碼:
/*在后臺寫一個輸出要要綁定數據的方法,輸出的是字符串*/public string GetData(){ string s = "香蕉,蘋果,橘子";return s;}JS代碼:
/*然后前臺JS*/var name=window.external.GetData();var namearray=name.split(",");然后Echarts上綁定數據直接將namearray給data就好了xAxis: {data: namearray},由于WebBrowser是使用IE瀏覽器版本較低,要將傳遞過來的字符串轉化為數組直接用map轉化是不行的,直接用JSON.PARSE轉化也是不行的,所以要先引用JS文件在這里下載JS文件
下載之后引用
然后還是和之前一樣,后臺傳入數字字符串
C#后臺代碼:
/*后臺頁面*/public string GetNum(){ string s = "1,2,3";return s;}JS代碼:
/* 前臺頁面 */var number=window.external.GetNum();var result = JSON.parse('[' + String(number) + ']');最后直接綁定上就好了yAxis: {},series: [{name: '出現次數',type: 'bar',data: result}]總結
以上是生活随笔為你收集整理的通过WebBrowser使用Echats的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: winform实现Echart统计图(基
- 下一篇: 浅析网页meta标签中X-UA-Comp