zoukankan      html  css  js  c++  java
  • echarts点击按钮更换数据(数据长度 条数变化)

    在原始数据基础上的改变,即只有部分数据改变 长短条数不变 直接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     });

    前后效果图:

    前:

    后:

  • 相关阅读:
    cookie和session会话技术
    hdoj 1176 免费馅饼
    nyoj 14 会场安排问题
    hdoj 1575 Tr A
    poj 1163 The Triangle
    hdoj 2157 How many ways??
    贪心Poj1328
    贪心 序列
    差分约束Poj 3169 Layout
    差分约束Poj3159 Candies
  • 原文地址:https://www.cnblogs.com/happyguo/p/7358218.html
Copyright © 2011-2022 走看看