Highcharts 中文社区

查看: 4241|回复: 6

[代码共享] 柱状图与直线图联动例子

[复制链接]
  • TA的每日心情
    无聊
    2019-8-12 09:47
  • 签到天数: 263 天

    [LV.8]以坛为家I

    30

    主题

    949

    帖子

    4578

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4578

    最佳新人活跃会员

    QQ
    发表于 2016-5-13 14:01:37 | 显示全部楼层 |阅读模式
    分享一个柱状图与直线图联动的例子:

    本帖被以下淘专辑推荐:

    Highcharts 中文网论坛管理团队

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

    [LV.10]以坛为家III

    14

    主题

    867

    帖子

    1万

    积分

    HC 神人

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

    Rank: 8Rank: 8

    积分
    11547

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

    发表于 2016-6-3 18:54:41 | 显示全部楼层
    回踩 可惜 :'(  没有点评权限
    请用HCode:  http://code.hcharts.cn/ 创建一个在线实例重现你的问题,然后分享链接,便于共同调试。
  • TA的每日心情
    无聊
    2019-8-12 09:47
  • 签到天数: 263 天

    [LV.8]以坛为家I

    30

    主题

    949

    帖子

    4578

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4578

    最佳新人活跃会员

    QQ
     楼主| 发表于 2016-6-3 21:07:04 | 显示全部楼层
    宽宽 发表于 2016-6-3 18:54
    回踩 可惜   没有点评权限

    让 @群大大 给你版主权限

    点评

    能点评了 ^_^Y  发表于 2016-6-6 22:10
    Highcharts 中文网论坛管理团队

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

    [LV.10]以坛为家III

    14

    主题

    867

    帖子

    1万

    积分

    HC 神人

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

    Rank: 8Rank: 8

    积分
    11547

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

    发表于 2016-6-3 22:09:41 | 显示全部楼层
    简数科技 发表于 2016-6-3 21:07
    让 @群大大 给你版主权限

    性质不同啊, 版主有权限是责任,会员有权限是权力。


    请用HCode:  http://code.hcharts.cn/ 创建一个在线实例重现你的问题,然后分享链接,便于共同调试。
  • TA的每日心情
    奋斗
    2017-7-17 01:51
  • 签到天数: 29 天

    [LV.4]偶尔看看III

    9

    主题

    43

    帖子

    328

    积分

    HC 熟手

    Rank: 2

    积分
    328
    发表于 2017-7-8 03:50:40 | 显示全部楼层
    本帖最后由 eepc2005 于 2017-7-8 03:52 编辑

    版主您好!
        我在借鉴您这个联动效果时发现一个问题:
        当第一个图表执行 selectColumn( X ) 后(手动点击是一样的),那么,再点击第 X 个柱子时,下面的折线图就不会更新了。比如:selectColumn(0),点击除第1个柱子以外的柱子,折线图都会动态(缓动动画)更新。

        另外,我发现:
        1、用Highcharts 5.0.12(最新版),series[0].update() 或 series[0].setData()的方式更新数据,有缓动动画,但存在我上面所说的问题。较低版本,如5.0.0及以前的版本,也是一样。
        2、用 chart.update()来更新,不存在上面的问题,但无缓动动画,视觉效果打了折扣。
        3、测试环境为 jquery-1.8.3.min.js、Highcharts 5.0.12及较低版本,chrome内核和IE8.0浏览器。

    我十来天前在论坛请教过这个问题,见帖子:https://bbs.hcharts.cn/thread-2814-1-1.html
    版主回复了一个例子,但好像依然没有解决这个问题啊!
    版主的回帖:https://code.hcharts.cn/eepc2005/55r386/2

    请问,这种需求该如何实现?不会是bug吧?
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

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

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