Highcharts 中文社区

 找回密码
 立即注册
查看: 590|回复: 1

[已解决] 使用tickPositions之后还能怎么修改刻度之间的宽度

[复制链接]
  • TA的每日心情

    2017-6-27 12:22
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    11

    主题

    36

    帖子

    97

    积分

    HC 新手

    Rank: 1

    积分
    97
    发表于 2017-6-22 16:13:25 | 显示全部楼层 |阅读模式
    x轴用tickPositions传入一个数组固定显示六个时间,可能是由于整个图表宽度太小导致的后面几个时间不显示,目前只显示到13:00 Jietu20170622-160820.jpg
    这是我x轴的代码:
    1. xAxis: {
    2.                                                 minRange: 1,
    3.                                                 range: 1 * 24 * 600 * 1000,
    4.                                                 tickInterval: 60 * 1000 * 15,
    5.                                                 tickPixelInterval: 20,
    6.                                                 ordinal: false,
    7.                                                 startOnTick: true,
    8.                                                 endOntick: true,
    9.                                                 dateTimeLabelFormats: {
    10.                                                         millisecond: '%H:%M:%S.%L',
    11.                                                         second: '%H:%M:%S',
    12.                                                         minute: '%H:%M',
    13.                                                         hour: '%H:%M',
    14.                                                         day: '%m-%d',
    15.                                                         week: '%m-%d',
    16.                                                         month: '%y-%m',
    17.                                                         year: '%Y'
    18.                                                 },
    19.                                                 step: 1,
    20.                                                 showEmpty: false,
    21.                                                 labels: {
    22.                                                         formatter: function() {
    23.                                                                 return Highcharts.dateFormat('%H:%M', this.value);
    24.                                                         }
    25.                                                 },
    26.                                                 // tickPositions: ee,
    27.                                                 tickPositioner: function() {
    28.                                                         console.log(this.dataMax)
    29.                                                         console.log(this)
    30.                                                         this.width = 100
    31.                                                         return ee;
    32.                                                 }
    33.                                         }
    复制代码
    有没有办法缩短两个刻度之间的距离?

    本帖被以下淘专辑推荐:

  • TA的每日心情

    2017-6-27 12:22
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    11

    主题

    36

    帖子

    97

    积分

    HC 新手

    Rank: 1

    积分
    97
     楼主| 发表于 2017-6-22 16:39:14 | 显示全部楼层
    自问自答吧,偶然间找到方法啦。

    给x轴一个max值和min值,分别写上结束的时间和开始的时间,这样整个时间段就都能显示出来了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

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

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