后端使用webBrowser，前端利用?window.external?調(diào)用后端寫好的方法有很多人已解答了，這里就不說(shuō)了。。
這里主要說(shuō)怎么讓Echarts從后端數(shù)據(jù)庫(kù)取到值并綁定在data上(在這之前需要先將eharts的包引入)

C#后臺(tái)代碼：

/*在后臺(tái)寫一個(gè)輸出要要綁定數(shù)據(jù)的方法，輸出的是字符串*/public string GetData(){ string s = "香蕉,蘋果,橘子";return s;}

JS代碼：

/*然后前臺(tái)JS*/var name=window.external.GetData();var namearray=name.split(",");然后Echarts上綁定數(shù)據(jù)直接將namearray給data就好了xAxis: {data: namearray},

由于WebBrowser是使用IE瀏覽器版本較低，要將傳遞過(guò)來(lái)的字符串轉(zhuǎn)化為數(shù)組直接用map轉(zhuǎn)化是不行的，直接用JSON.PARSE轉(zhuǎn)化也是不行的，所以要先引用JS文件在這里下載JS文件

下載之后引用
然后還是和之前一樣，后臺(tái)傳入數(shù)字字符串

C#后臺(tái)代碼：

/*后臺(tái)頁(yè)面*/public string GetNum(){ string s = "1,2,3";return s;}

JS代碼：

/* 前臺(tái)頁(yè)面 */var number=window.external.GetNum();var result = JSON.parse('[' + String(number) + ']');最后直接綁定上就好了yAxis: {},series: [{name: '出現(xiàn)次數(shù)',type: 'bar',data: result}]

總結(jié)

以上是生活随笔為你收集整理的通过WebBrowser使用Echats的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。