您的位置:首页 > Web前端 > JavaScript

highcharts同表绘制不同刻度值的折线图

2018-03-19 15:38 155 查看

highcharts同表绘制不同刻度值的折线图

在折线图绘制的过程中会遇到不同的曲线显示在同一个Y轴刻度下的情况,因数据范围的差别,显示的曲线对数据的刻画明显程度便差别很大,一些数据范围小的曲线几乎成为一条直线,这就很难比对出两个变量之间的相互影响关系,最近做一个关于评分(0~10)和销售额(10k以上),绘制出来的效果就是评分紧贴x轴,根本看不出波动情况。

解决办法:在yAxis下设置数组

yAxis:[
{
title: {
text: '金额'
}
},
{
title: {
text: '评分'
}
}
]


然后在具体要显示数据的时候,给出yAxis列表的下标

series: [{
name: '金额',
data: callback.activity_price,
yAxis: 0

}, {
name: '评分',
data: callback.activity_score,
yAxis: 1
}]


这样绘制出来的曲线就十分直观了:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js