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

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
              }]

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值