highcharts如何在一个图表中使多条曲线在不同刻度下显示
来源:互联网 发布:ahocorasick 算法 编辑:程序博客网 时间:2024/05/22 08:10
问题:不同的曲线显示在同一种Y轴刻度下,因数据范围的差别,显示的曲线对数据的刻画明显程度便差别很大,一些数据范围小的曲线几乎成为一条直线,不能很清晰地反映出数据的变化趋势。如图所示:
查了很多资料,也看了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 }]
如此就能生成刻画明显的曲线了:
1 0
- highcharts如何在一个图表中使多条曲线在不同刻度下显示
- 在Excel图表中同时显示两组刻度单位不同的数据
- highcharts在导出时如何自定义图表的表头
- highcharts统计图在IE8下不显示
- highcharts图表小例子,实现X轴只显示起点终点刻度,Y轴百分比显示
- Highcharts图表无法显示
- HighCharts 在IE8下图形不显示的问题。
- Highcharts坐标轴只显示起始刻度和终止刻度
- 如何完成在一个图片中,点击不同区域显示不同的结果
- G4Studio+extjs+highcharts 下在ext4j的panel中放入hightCharts图表
- 设置 highcharts 图表Y轴坐标刻度 为整数
- 基于LabVIEW在波形图表中显示随机数组成的曲线
- 玩转Highcharts图表库系列(一) 显示多条曲线
- Java里如何实现一个方法在不同情况下“返回”不同的类型变量?
- 如何在excel图表中显示上标下标
- 如何在网页中显示数据图表--Echarts入门教程
- 百度echart在ie下图表不显示的问题
- 如何在控制台下画出一个正线曲线
- 从Wordpress转五指CMS
- clang: error: linker command failed with exit code 1 (use -v to see invocation)
- 关于创建涂鸦UI以及保存涂鸦图片的代码
- 优先队列用法
- android 9-Patch图片右边下边效果
- highcharts如何在一个图表中使多条曲线在不同刻度下显示
- 打印数学函数值表的程序
- springMVC开发之一DispatcherServlet(转)
- JSP的7个动作include,forward,useBean。。。
- Spark SQL and DataFrame Guide(1.4.1)——之Data Sources
- 多点触摸+摄像机旋转拉伸学习笔记
- 8种经典排序之直接插入排序
- move相关的杂项
- Serializable和Parcelable