1.配置全局變量，暫時因為echarts的數(shù)據(jù)不在page里邊，我是沒辦法去修改了頭疼一個晚上.....

// app.js配置
   // echarts全局?jǐn)?shù)據(jù)
globaleChart:{
  chartdata: [
    {value:0,name:"活期"},
    {value:0,name:"定期"}
  ]
}

2、在需要的頁面引入，相關(guān)代碼太多，上圖...重點標(biāo)紅的兩處，其他的可不看，嘿嘿....

image.png

3.這是data原來的數(shù)據(jù)，上邊一行代碼代替

     data: [
                {value: 335, name: '直接訪問'},
                {value: 310, name: '郵件營銷'},
                {value: 234, name: '聯(lián)盟廣告'},
                {value: 135, name: '視頻廣告'},
                {value: 1548, name: '搜索引擎'}
            ]

4.把異步請求的數(shù)據(jù)賦值

 getApi: function () {
    let that = this
    app.post('/perAssets.do', {}, function (res) {
      if (res._RejCode === '000000') {
        // 拿取頭部數(shù)據(jù)
        let earnings = res.assets.earnings;
        // abc是請求過來的數(shù)據(jù)名字
        app.globaleChart.chartdata = earnings.abc;
      }
}}

數(shù)據(jù)一角
 "earnings":
        {
          "aaa": "233",
          "bbb": "48,832.00",
          "abc":[
            {"name":"我的","value":"30000.00"},
            {"name":"你的","value":"18832.00"}
          ],
        },

5.效果

image.png

如果對你有用，請你用發(fā)財?shù)男∈贮c個愛心，嘿嘿，我也是在摸石頭過河....

6.我發(fā)現(xiàn)最好還是用canvas進度條表示，不然，這個全局的變量，賦值是賦值了，但是，沒有辦法用this.setData({}) 去時時改變，我又換成進度條了，可以看進度條的那篇文章https://blog.csdn.net/qq_45314999/article/details/114667584?spm=1001.2014.3001.5501