博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts动态多组数据显示
阅读量:6990 次
发布时间:2019-06-27

本文共 801 字,大约阅读时间需要 2 分钟。

hot3.png

项目中用到echarts的动态显示数据,而且是多组的,主要使用echarts的addData方法。官方文档如下:

动态数据接口,try this (Line & Bar) » try this (Scatter & K) » try this (Pie & Radar) » seriesIdx 系列索引 data 增加数据 isHead 是否队头加入,默认,不指定或false时为队尾插入 dataGrow 是否增长数据队列长度,默认,不指定或false时移出目标数组对位数据 additionData 是否增加类目轴(饼图为图例)数据,附加操作同isHead和dataGrow 多组数据添加时参数为: params == [[seriesIdx, data, isHead, dataGrow, additionData], [...]]

一开始我是照着文档说明,在数组中的全部按如下格式填充数组[[seriesIdx, data, isHead, dataGrow, additionData],但是我发现我这里显示两组或多组数据时,动态变化发生多次,一开始我以为是js对二维数组支持的问题,后来发现并不是这个问题。

是这个文档对我产生了误导,additionData在多组数据时,params == [[seriesIdx, data, isHead, dataGrow, additionData], [...]]中的additionData只在二维数组的最后一个添加此属性,并不是每个元素都添加,否则会出现x轴n次变化,n为二维数组的大小。

注:但是我在官方的例子代码中也做过测试,每个元素都加上additionData,数据却是正常的变化,不知道哪里的设置我给忽略了。盼望有大神可以指点迷津。

转载于:https://my.oschina.net/u/170467/blog/661344

你可能感兴趣的文章
《Python Cookbook(第2版)中文版》——1.15 扩展和压缩制表符
查看>>
使用DNSCrypt来加密您与OpenDNS之间的通信
查看>>
支付宝体验设计精髓
查看>>
如何在 Linux 上永久挂载一个 Windows 共享
查看>>
《MapReduce 2.0源码分析与编程实战》一2.2 数据操作
查看>>
springboot(七):springboot+mybatis多数据源最简解决方案
查看>>
《Unity着色器和屏幕特效开发秘笈(原书第2版)》一2.3 使用包装数组
查看>>
《jQuery移动开发》—— 第 1 章 理解jQuery
查看>>
使用Docker做开发的建议团队工作流
查看>>
当Kubernets遇上阿里云 -之七层负载均衡(一).
查看>>
《C语言及程序设计》资料——C语言中转义字符
查看>>
什么是线程安全
查看>>
Windows 去除打开exe文件安全警告
查看>>
mac系统下nginx的详细安装过程及使用(适合新手)
查看>>
C++网络服务器编程的学习路线?
查看>>
Java servlet判断是否是移动设备
查看>>
C# 批量复制文件
查看>>
Starting MySQL. ERROR! The server quit without updating PID file (/data/mysql/mysql.pid).
查看>>
在Android中,px,dp,dip,sp的不同之处
查看>>
android内存管理
查看>>