【问题标题】:Highcharts - Unable to see all labels on the bar chartsHighcharts - 无法查看条形图上的所有标签
【发布时间】:2019-05-25 15:15:44
【问题描述】:

图表x轴上的所有标签都不可见,我可以看到图表正确填充,工具提示也显示正确的x轴点。

我想要的是 x 轴上的每个标签都应该出现。我正在创建一个 BAR 图。

示例图 - http://jsfiddle.net/HsLCn/

在 x 轴上查看未命中类别标签。

series: [{
            name: 'John',
            data: [[3,5], [1,3], [0,4], [2,7], [4,2]]
        }, {
            name: 'Jane',
            data: [[2,5], [1,3], [0,4], [3,7], [4,2]]
        }, {
            name: 'Joe',
            data: [[3,5], [1,3], [0,4], [2,7], [4,2]]
        }]

【问题讨论】:

  • 如果您发布图表代码或提供 jsfiddle 来说明问题,将会有很大帮助。
  • 嗨史蒂夫,这里是例子 - jsfiddle.net/HsLCn
  • 有趣。如果设置为 1,我希望步骤标签选项对其进行排序,但它不起作用。

标签: javascript highcharts


【解决方案1】:

请查看裁剪选项,这可能是您的问题的原因

http://api.highcharts.com/highstock#plotOptions.series.dataLabels.crop

编辑: x轴标签不显示,因为数据没有按x排序,升序

http://jsfiddle.net/HsLCn/3/

 series: [{
            name: 'John',
            data: [[0,4],[1,3],[2,7],[3,5],[4,2]]
        }, {
            name: 'Jane',
            data: [[0,4],[1,3],[2,5], [3,7], [4,2]]
        }, {
            name: 'Joe',
            data: [ [0,4],[1,3], [2,7],[3,5], [4,2]]
        }]

【讨论】:

  • 嘿,感谢您的回复,但我在使用 x 轴刻度间隔标签时遇到了问题。看这个例子 - jsfiddle.net/HsLCn
  • 因为图例与数据标签重叠,所以需要在其他位置设置图例。
  • 我认为问题在于 x 轴类别并未全部显示。 x 轴上仅显示 5 个类别中的 3 个。
  • 我相信这与单独排序无关,我已经对数据进行了排序但问题仍然存在。我注意到的一件事是当有相等的没有时。它起作用的数据点,当另一种方式意味着一个或多个系列只有一个数据点基本上小于最大值时,问题又回来了。
  • 如果可能的话,请给我发送更新的示例,其中包含已排序的数据和您的问题
猜你喜欢
  • 1970-01-01
  • 2014-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多