博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts点击按钮更换数据(数据长度 条数变化)
阅读量:5150 次
发布时间:2019-06-13

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

在原始数据基础上的改变,即只有部分数据改变 长短条数不变 直接setOption就可以 在这主要说长度变化

话不多说 上代码 

1  $("button").click(function() { 2         // 获取当前的option 3         var option = myChart.getOption(); 4         // 更改option中x轴的数据,原先数据条数大于3条,假设现在改为3条且值改变,y轴同理,原先3条曲线 ,现在改为两条 5         option.xAxis[0].data=[1,2,3]; 6         option.series[0].data=[10,10,10]; 7         option.series[1].data=[20,20,20]; 8         // '-'表示数据不存在,和数据等于0不同 9         option.series[2].data=['-','-','-'];10         // true(setOption第二个参数notMerge,true表示不合并,默认合并) 这个参数必须有11         myChart.setOption(option,true);     12     });

前后效果图:

前:

后:

 

转载于:https://www.cnblogs.com/happyguo/p/7358218.html

你可能感兴趣的文章
有引用外部jar包时(J2SE)生成jar文件
查看>>
写接口请求类型为get或post的时,参数定义的几种方式,如何用注解(原创)--雷锋...
查看>>
什么是 开发环境、测试环境、生产环境、UAT环境、仿真环境
查看>>
科研需要兴趣和自信
查看>>
iOS Development
查看>>
mysql
查看>>
1分钟搞定Android开发智能提示问题xml文件一并搞定
查看>>
4分钟学会网页样式
查看>>
Java核心技术点之注解
查看>>
【PHP】array_column函数
查看>>
LayUI--表格 + 分页
查看>>
【OpenJ_Bailian - 2287】Tian Ji -- The Horse Racing (贪心)
查看>>
循环引用 。 @class
查看>>
rabbitmq
查看>>
Java网络编程--socket服务器端与客户端讲解
查看>>
Git 中README.md中MarkDown语法示例
查看>>
Android实现双进程守护
查看>>
IPC,Hz(Hertz) and Clock Speed
查看>>
C++ Primer 第二章 学习笔记
查看>>
List_统计输入数值的各种值
查看>>