echarts在小程序中如何动态的设置数据值

Question

这是我的小程序中的echarts 代码，页面已经获取到数据，也通过setData写到data里了

现在想问，如何把这个teamname中的value 写入到echarts的data中去？

function initChart(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

  var option = {
    radar: {
      indicator: [{
        text: '攻击',
        max: 100
      },
      {
        text: '速度',
        max: 100
      },
      {
        text: '身体',
        max: 100
      },
      {
        text: '防守',
        max: 100
      },
      {
        text: '组织',
        max: 100
      }
      ],
      center: ['50%', '50%'],
      radius: '50%',
      startAngle: 90,
      splitNumber: 0,
      shape: 'polygon',
      name: {
        formatter: '【{value}】',
        textStyle: {
          color: '#72ACD1'
        }
      },
      splitArea: {
        areaStyle: {
          color: ['#D3D3D3']
        }
      },
      axisLine: {
        lineStyle: {
          color: 'rgba(255, 255, 255, 0.4)'
        }
      }
    },
    series: [{
      type: 'radar',
      data: [],
      itemStyle: {
        normal: {
          areaStyle: {
            type: 'default',
            color: "#EA6A69",
            opacity: 0.5
          }
        }
      },
    }]
  }
  chart.setOption(option);
  return chart;
}

Answer 1

http://bestvayne.github.io/20...

最后还是参考了Echart的官方文档，以及小程序的官方文档，用chartOption方法将获取的数据插入到UI中

Answer 2

onLoad: function (options) {

this.barComponent = this.selectComponent('#mychart-dom-bar');
this.init_bar(token);

}
init_bar: function (token) {

this.barComponent.init((canvas, width, height) => {
  const barChart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  wx.request({
    url: config.maintenance + 'GetRemainMoneyStatistics?token=' + token,
    method: "POST",
    dataType: "JSON",
    success: (res) => {
      var moneys = JSON.parse(res.data);
      var option = {
        backgroundColor: "#ffffff",
        color: ["#37d6b7", "#ffc655"],
        legend: {
          x: 'right',
          y: 'center',
          orient: 'vertical',
          data: [{
            name: '活期存款',
            textStyle: {
              color: '#666666'
            }
          },
          {
            name: '资金增值',
            textStyle: {
              color: '#666666'
            }
          }]
        },
        graphic: {
          type: 'text',
          left: '30%',
          top: 'center',
          style: {
            text: '留存率\n  10%',
            fill: '#000',
          }
        },
        series: [{
          type: 'pie',
          center: ['36%', '50%'],
          radius: ['40%', '60%'],
          label: {
            normal: {
              show: true,
              formatter: "{b}\n({d}%)"
            },
          },
          labelLine: {
            normal: {
              show: true,
              length: 8,
              length2: 4,
            }
          },
          data: [{
            value: moneys.Current,
            name: '活期存款',
          }, {
              value: moneys.ValueAdded,
            name: '资金增值'
          }
          ],
        }]
      };
      barChart.setOption(option);
    }
  });   
  return barChart;
});

},

Answer 3

楼主是怎么解决的,我也遇到了

Answer 4

怎么解决的问题啊

Answer 5

能不能给个demo啊..