【问题标题】:Overlapping labels in HighCharts on xAxisxAxis 上 HighCharts 中的重叠标签
【发布时间】:2015-02-25 15:40:02
【问题描述】:

我有样条图,日期时间 xAxis 和 2 个类别中的每一个都超过 3k 点:http://jsfiddle.net/jk171505/dmmhL5ha/7/

除了 tickInterval 之外,还有其他方法可以防止 xAxis 上的标签重叠吗? 我尝试使用 tickInterval 但这不是选项,因为数据点是不规则的并且数量会有所不同(有时是 2 周的数据,有时是 2 年的数据):

xAxis: {
    type: 'datetime',
    categories: ["test1", "test"],
    tickInterval: 24 * 3600 * 1000 * 31,

【问题讨论】:

  • 你为什么不用rotationjsfiddle.net/dmmhL5ha/8
  • 我的 jsfiddle 只是说明问题的一个例子,在真实图表中,没有地方可以显示像“2014 年 12 月 12 日”这样的格式的旋转日期
  • Highcharts 会成功的,试试吧。如果您不希望标签旋转或缩小,您如何建议它们适合??
  • 确切地说,分类轴标签不像日期时间轴那样工作。您需要告诉图表要显示哪些,否则它将以任何可能的方式显示它们。我认为最好的方式是轮换。或者您可以使用格式化程序或步骤来选择要显示的标签。
  • 好的,如果您使用不同的标签格式,我认为设置tickPixelInterval 是个好主意 - 大于标签宽度,以确保项目之间有足够的空间,请参阅:jsfiddle.net/dmmhL5ha/10

标签: highcharts


【解决方案1】:

设置tickPixelInterval - 大于标签宽度,以确保项目JSFiddle之间有足够的空间。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-06-16
    • 1970-01-01
    • 1970-01-01
    • 2014-11-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多