小程序图表 f2-canvas

最新推荐文章于 2025-01-17 10:51:07 发布

热忱学习

最新推荐文章于 2025-01-17 10:51:07 发布

阅读量461

点赞数

分类专栏：小程序 js 记录代码文章标签：小程序 f2-canvans

本文链接：https://blog.youkuaiyun.com/qq_42180156/article/details/121035730

版权

本文介绍了使用F2-canvas在小程序中创建图表的方法，通过官网提供的示例展示了如何绘制折线图，并强调了chart.axis()配置在图表生成中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网地址所有图表 | F2The Grammar of Graphics in JavaScripthttps://f2.antv.vision/zh/examples/gallery/

  //绘制直流电压，电流图
  drawCurrenVoltage:function(id,data) {
    var that = this
    var dataArr = []
    var listLength = 0
    var tempDataX=that.data.tempDataX
    
    // console.log(tempDataX,"tempDataX")
    console.log("直流电流和电压做图",data)
    var _arr=[]
       data.forEach((item,index)=>{
        // console.log(data[index])
        
        for(var key in item){
            if (key != 'inverterSN' && key != 'inverterId' ) {