Highcharts 中文社区

 找回密码
 立即注册
查看: 379|回复: 8

[已解决] 当图表中2个数据列数据差异大时,如何能像图1中一样显示

[复制链接]
  • TA的每日心情
    无聊
    2017-5-23 10:11
  • 签到天数: 2 天

    [LV.1]初来乍到

    4

    主题

    11

    帖子

    54

    积分

    HC 新手

    Rank: 1

    积分
    54
    发表于 2017-5-22 11:24:58 | 显示全部楼层 |阅读模式
    图1: TIM截图20170522112016.png

    我现在的显示如下:
    TIM截图20170522112042.png
    我想要图1那样,就算价格相差比较大,但是能比较贴合的显示在中部,有办法处理吗,求解!

    本帖被以下淘专辑推荐:

  • TA的每日心情
    无聊
    2017-5-23 10:11
  • 签到天数: 2 天

    [LV.1]初来乍到

    4

    主题

    11

    帖子

    54

    积分

    HC 新手

    Rank: 1

    积分
    54
     楼主| 发表于 2017-5-23 16:15:49 | 显示全部楼层
    简数科技 发表于 2017-5-23 09:21
    这样 Y 轴刻度怎么显示呢?我觉得还是多 Y 轴比较好

    按照你的多Y轴已经解决了,谢谢
    yAxis: [{ //自定义y轴显示格式
            id: 'Main-lazhu',
            crosshair: {   
                    snap: false
            },
            title: {
                    text: '港幣'
            },
            opposite: false,  
            labels: {
                    align: 'left',
                    x: 1
            },
            height: '70%',                                       
            lineWidth: 3,
            tickAmount: 6      
    }, {   
            labels:{
                    enabled:false   
            },
            height: '70%',                                       
            lineWidth: 3,
            tickAmount: 6
    }, {  
            labels:{
                    enabled:false
            },                                                       
            height: '70%',                                       
            lineWidth: 3,
            tickAmount: 6
    }]
    series: [{
            type: 'candlestick',
            name: '000001',
            data: ohlc,
            yAxis: 0,
            dataGrouping: {
                    units: groupingUnits
            }
    },{  
            type: 'line',
            name: '指数',
            lineWidth:0.8,
            yAxis: 1,  
            visible: false ,
            data: HSIdata,  
            dataGrouping: {  
                    enabled: false  
            }
    }, {
            type: 'line',
            name: '期货',
            lineWidth:0.8,
            yAxis: 2,   
            visible: false ,
            data: HHIdata,  
            dataGrouping: {  
                    enabled: false  
            }
    }, {
            type: 'column',
            name: '成交量',
            data: volume,
            yAxis: 3,
            dataGrouping: {
                    units: groupingUnits
            }
    }]
           

  • TA的每日心情
    开心
    2019-6-6 19:07
  • 签到天数: 732 天

    [LV.9]以坛为家II

    14

    主题

    867

    帖子

    1万

    积分

    HC 神人

    看我签名看我签名看我签名看我签名看我签名看我签名看我签名看我

    Rank: 8Rank: 8

    积分
    11488

    最佳新人活跃会员热心会员发帖之王突出贡献论坛元老

    发表于 2017-5-22 21:30:45 | 显示全部楼层
    本帖最后由 宽宽 于 2017-5-22 21:31 编辑

    我的处理方法,仅供参考

    数据叠加,差距大的话,实际叠加的是数据列的百分比与被叠加数据列相乘所得的结果,只是数据的datalabel还是显示原始值。
    如:
    序列一: [2,3,4,5];
    序列二:[1000,2000,1500,1000];
    序列二系数化: [1,2,1.5,1];
    序列二乘以对比系列初始值: 2;
    序列二: 实际显示: [2,4,3,2];




    请用HCode:  http://code.hcharts.cn/ 创建一个在线实例重现你的问题,然后分享链接,便于共同调试。
  • TA的每日心情
    无聊
    2017-5-23 10:11
  • 签到天数: 2 天

    [LV.1]初来乍到

    4

    主题

    11

    帖子

    54

    积分

    HC 新手

    Rank: 1

    积分
    54
     楼主| 发表于 2017-5-22 16:05:02 | 显示全部楼层

    2个数据列价格差距大时,怎么增加水平线让其合适显示

    我现在处理的会变形 TIM截图20170522160252.png 怎么样才可以做成下图这样: TIM截图20170522160048.png




  • TA的每日心情
    奋斗
    2019-5-21 10:00
  • 签到天数: 261 天

    [LV.8]以坛为家I

    30

    主题

    888

    帖子

    4190

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4190

    最佳新人活跃会员

    QQ
    发表于 2017-5-23 09:21:33 | 显示全部楼层
    宽宽 发表于 2017-5-22 21:30
    我的处理方法,仅供参考

    数据叠加,差距大的话,实际叠加的是数据列的百分比与被叠加数据列相乘所得的结果 ...

    这样 Y 轴刻度怎么显示呢?我觉得还是多 Y 轴比较好
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
  • TA的每日心情
    无聊
    2017-5-23 10:11
  • 签到天数: 2 天

    [LV.1]初来乍到

    4

    主题

    11

    帖子

    54

    积分

    HC 新手

    Rank: 1

    积分
    54
     楼主| 发表于 2017-5-23 09:53:26 | 显示全部楼层
    简数科技 发表于 2017-5-23 09:21
    这样 Y 轴刻度怎么显示呢?我觉得还是多 Y 轴比较好

    看我那个下图,人家处理都是单Y轴
  • TA的每日心情
    开心
    2019-6-6 19:07
  • 签到天数: 732 天

    [LV.9]以坛为家II

    14

    主题

    867

    帖子

    1万

    积分

    HC 神人

    看我签名看我签名看我签名看我签名看我签名看我签名看我签名看我

    Rank: 8Rank: 8

    积分
    11488

    最佳新人活跃会员热心会员发帖之王突出贡献论坛元老

    发表于 2017-5-23 10:06:16 | 显示全部楼层
    简数科技 发表于 2017-5-23 09:21
    这样 Y 轴刻度怎么显示呢?我觉得还是多 Y 轴比较好

    股票图中叠加有一个特殊的要求,就是以某一开始的时间点的值为基准,比较之后的变化差异,即在叠加图中两条数据起点是一样的,便于比较。

    多Y轴当然是也可以,应该是更容易看出两条数据的形态差别,侧重点略有不同吧。
    请用HCode:  http://code.hcharts.cn/ 创建一个在线实例重现你的问题,然后分享链接,便于共同调试。
  • TA的每日心情
    无聊
    2017-5-23 10:11
  • 签到天数: 2 天

    [LV.1]初来乍到

    4

    主题

    11

    帖子

    54

    积分

    HC 新手

    Rank: 1

    积分
    54
     楼主| 发表于 2017-5-23 10:12:27 | 显示全部楼层
    宽宽 发表于 2017-5-22 21:30
    我的处理方法,仅供参考

    数据叠加,差距大的话,实际叠加的是数据列的百分比与被叠加数据列相乘所得的结果 ...

    有没有案例可以给我学习一下?
  • TA的每日心情
    开心
    2019-6-6 19:07
  • 签到天数: 732 天

    [LV.9]以坛为家II

    14

    主题

    867

    帖子

    1万

    积分

    HC 神人

    看我签名看我签名看我签名看我签名看我签名看我签名看我签名看我

    Rank: 8Rank: 8

    积分
    11488

    最佳新人活跃会员热心会员发帖之王突出贡献论坛元老

    发表于 2017-5-23 19:23:18 | 显示全部楼层
    刚才楼主好像说是搞定了,我还点了赞呢。  
    请用HCode:  http://code.hcharts.cn/ 创建一个在线实例重现你的问题,然后分享链接,便于共同调试。
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表