echarts散点图时间轴的取值实现图表展示

z_s_s_f

于 2019-10-29 15:05:46 发布

阅读量1.1k

点赞数 1

分类专栏：前端 echarts 文章标签： echarts

本文链接：https://blog.youkuaiyun.com/z_s_s_f/article/details/102799716

版权

本文将详细介绍如何使用ECharts库创建一个带有时间轴的时间序列散点图，包括设置X轴为时间类型，配置Y轴数据，以及调整散点图的样式和交互功能。通过实例代码，读者可以了解到如何从数据源中获取时间数据，并将其正确映射到图表上，从而实现动态展示数据变化的效果。

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

          var Xdatas = [];

          var Ydatas1 = [];

          var Ydatas3 = [];

          var formData = [];

          for (var i = 0; i < datas.length; i++) {

            let secondElement = [];

            for (var key in datas[i]) {

              Xdatas.push(key); //获取项目名称

              let modelvalue = datas[i][key]; //各个项目总数据

              Ydatas1.push(modelvalue[2]); //第三个是项目自动化率

              Ydatas3.push(modelvalue[0]); //第二个是项目案例设计数

              secondElement.push(modelvalue[3]); //

              secondElement.push(modelvalue[2]); //

              secondElement.push(modelvalue[1]); //

              secondElement.push(modelvalue[0]); //

              secondElement.push(key); //

            }

            formData.push(secondElement);

          }

         o

最低0.47元/天解锁文章