简易echarts微信小程序版本原生js开发

64 阅读1分钟

jstopo首页.png

line折线图.png

bar柱状图.png

huan环形饼图.png

温度计.png

map地图.png

jstopo拓扑图.png

小程序码.jpg

    onReady() {
        const query = wx.createSelectorQuery()
        query.select('#bar')
          .fields({ node: true, size: true })
          .exec((res) => {
            const canvas = res[0].node
            const ctx = canvas.getContext('2d')
            const dpr = wx.getSystemInfoSync().pixelRatio
            canvas.width = res[0].width * dpr
            canvas.height = res[0].height * dpr
            ctx.scale(dpr, dpr)
            this.drawBarEchart(ctx,res[0].width, res[0].height)
         })