Highcharts 中文社区

 找回密码
 立即注册
查看: 536|回复: 3

[已解决] highstock柱状图

[复制链接]

该用户从未签到

3

主题

7

帖子

37

积分

HC 新手

Rank: 1

积分
37
发表于 2017-5-16 10:06:29 | 显示全部楼层 |阅读模式
  1.      $("#traffic_trend").highstock('StockChart', {
  2.                 chart: {
  3.                     alignTicks: false
  4.                 },
  5.                 rangeSelector: {
  6.                     selected: 1
  7.                 },
  8.                 title: {
  9.                     text: '流量趋势图'
  10.                 },
  11.                 series: [{
  12.                     type: 'column',
  13.                     name: '输入流量(Gbps)',
  14.                     data: data.devicetrend.rxresult,
  15.                     dataGrouping: {
  16.                         units: [['week', // unit name
  17.                         [1] // allowed multiples
  18.                         ], ['month', [1, 2, 3, 4, 6]]]
  19.                     }
  20.                 },
  21.                 {
  22.                     type: 'column',
  23.                     name: '输出流量(Gbps)',
  24.                     data: data.devicetrend.txresult,
  25.                     dataGrouping: {
  26.                         units: [['week', // unit name
  27.                         [1] // allowed multiples
  28.                         ], ['month', [1, 2, 3, 4, 6]]]
  29.                     }
  30.                 }]
  31.             });
复制代码
如图上代码  我在柱状图上有两个  但是下面的趋势图 只有输入流量,没有输出流量  请问我该怎么加上去
QQ图片20170516100515.png

本帖被以下淘专辑推荐:

  • TA的每日心情
    无聊
    2019-8-12 09:47
  • 签到天数: 263 天

    [LV.8]以坛为家I

    30

    主题

    916

    帖子

    4314

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4314

    最佳新人活跃会员

    QQ
    发表于 2017-5-16 11:06:52 | 显示全部楼层
    peter77777 发表于 2017-5-16 10:49
    好的  问题解决了,但是两条线是同一个颜色的  没有办法向柱状图一样区分开么? ...

    参考:https://code.hcharts.cn/highstock/ReFyL3/4
    Highcharts 中文网论坛管理团队

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

    [LV.8]以坛为家I

    30

    主题

    916

    帖子

    4314

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4314

    最佳新人活跃会员

    QQ
    发表于 2017-5-16 10:27:51 | 显示全部楼层
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts

    该用户从未签到

    3

    主题

    7

    帖子

    37

    积分

    HC 新手

    Rank: 1

    积分
    37
     楼主| 发表于 2017-5-16 10:49:33 | 显示全部楼层
    简数科技 发表于 2017-5-16 10:27
    设置 showInNavigator 为 true 即可

    参考这个例子:https://www.hcharts.cn/demo/highstock/navigator-mul ...

    好的  问题解决了,但是两条线是同一个颜色的  没有办法向柱状图一样区分开么?
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

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

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