微信小程序echarts

git库

https://github.com/ecomfe/echarts-for-weixin

打不开用我这个

https://files.cnblogs.com/files/blogs/743986/echarts-for-weixin-master.zip

如果需要根据接口给的数据渲染

复制代码
import * as echarts from "../../../components/echarts/echarts"
let chart = null;

Page({
  data: {
    option: {},
    ec: {}
  },
  onLoad() {
    this.getData()
  },
  // 初始化图表
  initChart(canvas, width, height, dpr) {
    chart = echarts.init(canvas, null, {
      width: width,
      height: height,
      devicePixelRatio: dpr // new
    });
    canvas.setChart(chart);
    chart.setOption(this.data.option);
    return chart;
  },
  getData() {
    let res = data;//接口获取的数据
    this.setData({
      option: res.data.option
    })
    // 获取option以后再渲染
    this.setData({
      ec: {
        onInit: this.initChart
      }
    })
  }

})
复制代码

 

posted @   jqynr  阅读(26)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示