【问题标题】:Highcharts Line Chart - Some categories are not visibleHighcharts 折线图 - 某些类别不可见
【发布时间】:2016-11-17 13:05:16
【问题描述】:

我一直在使用highcharts 包来显示听力图,我的类别array

['0.125' ,'0.250', '0.5, '0.750' , '1', '1.5', '2', '3', '4', '6', '8', '9', '11.2' , '12.5', '14', '16', '18', '20']

但是当图表不够宽时(例如,当我将 2 个图表并排放置时),某些类别 ( 0.250 , 0.750, 1.5 ....) 会被隐藏,如下图所示:

我需要的是所有尽管图表宽度不同但要显示的类别,例如:

感谢任何帮助。

更新:
http://jsfiddle.net/5cbroe1f/
这是小提琴,两个图表具有相同的数据。正如我之前所说,我需要在第一个图表(较小的那个)中显示所有类别。

谢谢!

【问题讨论】:

  • 我相信这是 HighCharts 的默认设置,以保持图表清晰!否则,您的数据点将重叠,并且不再清晰。我认为防止这种情况发生的最好方法是在链接到图表的div 中放置一个max-width 属性。
  • 你有没有机会拼凑一个fiddle 来展示你的尝试?没有比几张照片更详细的东西,很难提供帮助。
  • 您好@AnnaJeanine,感谢您的快速答复。但是当我设置最大宽度时,同样的事情发生了,一些类别变得不可见。
  • @abenrob,好建议,我会用 jsfiddle 编辑原始问题
  • 大部分highcharts demos 都有指向小提琴的链接,这可能会抢先一步。

标签: javascript highcharts


【解决方案1】:

要显示每个类别的标签,您需要将xAxis.labels.step 设置为 1。

xAxis: {
  categories: [],
  labels: {
    step: 1
  }
},

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-09-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多