加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

JavaScript eChart yAxis 固定值 变化值

(2015-03-24 15:24:26)
标签:

javascript

echart

yaxis

固定值

变化值

分类: JavaScript
JavaScript eChart yAxis 固定值 变化值 
【问题描述】:
    对于人类正在以空前的速度制造的数据,在百度的echart展示方面还是很出色的。 
    那笔者就碰到一个很困惑的问题,在图标的Y轴是动态变化的,那么如何才能固定呢?
    有些时候感觉固定了,但根据legend的变化又会动的,究竟是咋么回事呢? 
    那我们可以控制y 轴可以根据legend 点击而导致最大值动态变化的逻辑吗
     
    举个例子,有osChina网友这样的案例: 

【问题分析】:

    Demo: http://echarts.baidu.com/doc/example/bar2.html

    点击“搜索引擎”及“百度”,会发现左边y轴最大值动态变化的。

 

{number} min null 数值型,时间型 指定的最小值,eg: 0,默认无,会自动根据具体数值调整,指定后将忽略boundaryGap[0]
{number} max null 数值型,时间型 指定的最大值,eg: 100,默认无,会自动根据具体数值调整,指定后将忽略boundaryGap[1]
{boolean} scale false 数值型,时间型 脱离0值比例,放大聚焦到最终_min,_max区间
{number} splitNumber null 数值型,时间型 分割段数,不指定时根据min、max算法调整

【问题解决】:
    在eChart中,假如你没有给指定yAxis的min,max那么Y轴数值是会动态变化的,你可以这样试试
       option.yAxis[0].min=0;
       option.yAxis[0].max= 50;

    当然你也如果想要Y轴固定就这么几个值(0,50,100,150,200)那么你可以这样设置
       option.yAxis[0].splitNumber = 4; // 4个区间段,不指定时根据min及max采用默认算法计算

    这样我们这位osChina网友的困惑应该就解决了。 

【扩展学习】:

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有