highcharts如何在一个图表中使多条曲线在不同刻度下显示
2015-07-30 16:16
483 查看
问题:不同的曲线显示在同一种Y轴刻度下,因数据范围的差别,显示的曲线对数据的刻画明显程度便差别很大,一些数据范围小的曲线几乎成为一条直线,不能很清晰地反映出数据的变化趋势。如图所示:
查了很多资料,也看了highcharts的API,依然没有头绪,在甫文兄的帮助下完美地解决了这个问题。
解决方法:在yAxis下设置数组,
然后在具体要显示的数据下引用这些yAxis即可:yAxis:0、yAxis:1、yAxis:3…
如此就能生成刻画明显的曲线了:
查了很多资料,也看了highcharts的API,依然没有头绪,在甫文兄的帮助下完美地解决了这个问题。
解决方法:在yAxis下设置数组,
yAxis: [{ title: { text: null }, plotLines: [{ value: 0, width: 1, color: '#808080' }], labels: { enabled:false } }, { title: { text: null }, plotLines: [{ value: 0, width: 1, color: '#808080' }], labels: { enabled:false } }, { title: { text: null }, plotLines: [{ value: 0, width: 1, color: '#808080' }], labels: { enabled:false } }, { title: { text: null }, plotLines: [{ value: 0, width: 1, color: '#808080' }], labels: { enabled:false } } ]
然后在具体要显示的数据下引用这些yAxis即可:yAxis:0、yAxis:1、yAxis:3…
series: [{ name: '点击量', data: [376, 334, 313, 371, 412, 361, 318], yAxis:0 }, { name: '平均点击花费', data: [1.08, 1.04, 1.07, 0.97, 0.97, 0.97, 0.98], yAxis:1 }, { name: '花费', data: [407.6, 346.71,334.91,360.65, 401.6, 348.6, 311.03], yAxis:2 }, { name: '投入产出比', data: [0, 0, 0, 0, 1.22, 1.06, 0], yAxis:3 }]
如此就能生成刻画明显的曲线了:
相关文章推荐
- Java内存泄露的理解与解决
- 从Wordpress转五指CMS
- jsp与mysql中的中文字符乱码问题
- 两种高性能I/O设计模式(Reactor/Proactor)的比较
- 自己收集的比较好的博客或网站
- 九度oj 1443
- 利用java实现单词倒序排列
- 搞个这样的APP要多久?
- block中用到self要特别注意内存泄露问题
- NGINX + TOMCAT + MEMCACHED实现HTTP负载均衡
- 优先队列用法
- Hexo安装无响应解决办法
- 【android】利用service监听来电或来信息
- OC学习:可变字符串替代:replaceOccurrencesOfString:(NSString *) withString:(NSString *) options: range:方法
- android:服务器与客户端的双向开发
- android 9-Patch图片右边下边效果
- M方法和D方法的区别
- 2014辛星在读CSS第八节 使用背景图片
- iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局
- /proc/loadavg详解