小程序echarts数据动态修改

1.配置全局变量，暂时因为echarts的数据不在page里边，我是没办法去修改了头疼一个晚上.....

// app.js配置
   // echarts全局数据
globaleChart:{
  chartdata: [
    {value:0,name:"活期"},
    {value:0,name:"定期"}
  ]
}

2、在需要的页面引入，相关代码太多，上图...重点标红的两处，其他的可不看，嘿嘿....

image.png

3.这是data原来的数据，上边一行代码代替

     data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ]

4.把异步请求的数据赋值

 getApi: function () {
    let that = this
    app.post('/perAssets.do', {}, function (res) {
      if (res._RejCode === '000000') {
        // 拿取头部数据
        let earnings = res.assets.earnings;
        // abc是请求过来的数据名字
        app.globaleChart.chartdata = earnings.abc;
      }
}}

数据一角
 "earnings":
        {
          "aaa": "233",
          "bbb": "48,832.00",
          "abc":[
            {"name":"我的","value":"30000.00"},
            {"name":"你的","value":"18832.00"}
          ],
        },

5.效果

image.png

如果对你有用，请你用发财的小手点个爱心，嘿嘿，我也是在摸石头过河....

6.我发现最好还是用canvas进度条表示，不然，这个全局的变量，赋值是赋值了，但是，没有办法用this.setData({}) 去时时改变，我又换成进度条了，可以看进度条的那篇文章https://blog.csdn.net/qq_45314999/article/details/114667584?spm=1001.2014.3001.5501