【问题标题】:Dates are overlapped in Highchart's areachart日期在 Highcharts 面积图中重叠
【发布时间】:2016-03-17 11:46:16
【问题描述】:

我正在使用 Highcharts 面积图。 图表的类型是“日期时间”。

只要调整好 X 轴标签

  • 图表容器div的宽度小于900px
  • 或者div没有指定宽度

当我将 div 的容器宽度设置为超过 900 像素时,标签要么附加点,要么重叠。

如何解决。提前感谢您的任何建议或帮助。

【问题讨论】:

标签: javascript html css highcharts


【解决方案1】:

您可以将tickInterval 选项添加到x 轴。此选项确定各个刻度之间的距离。例如将其设置为

tickInterval: 24*3600*1000

以毫秒为单位的日期不会为您的图表生成重叠标签:

https://jsfiddle.net/doc_snyder/mwzd1rc8/1/

【讨论】:

  • 感谢您的所有建议。 tickInterval 属性运行良好,但它仍然在 X 轴上留下刻度线。但是我发现api.highcharts.com/highcharts#xAxis.units 很有帮助。感谢 Highchart 支持团队。
【解决方案2】:

如果您愿意以 2 行或更多行显示标签并且不想旋转标签,您也可以使用 highcharts 下面提供的新选项。

staggerLines: 2

https://jsfiddle.net/bhavinpatel/153eh40z/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多