【问题标题】:Fix space between columns and align labels on Highcharts修复列之间的空间并对齐 Highcharts 上的标签
【发布时间】:2019-08-15 04:11:11
【问题描述】:

我正在创建一个柱形图,但我看到列之间的空间太大,我想减少它们之间的空间。 xAxis 上的标签也未对齐。

这是我的小提琴:https://jsfiddle.net/q3atxr4c/1/

我添加了pointPaddingborderWidthgroupPadding。这些都不起作用。

有没有办法减少列之间的空间?

所有的值都显示在我的网页上(导航工作),但不在小提琴上,所以这就是我有一个大 div 的原因。

我希望能够调整列的距离并为它们对齐 xAxis 上的标签。请帮忙!

【问题讨论】:

    标签: javascript jquery highcharts column-chart


    【解决方案1】:

    只要设置了pointWidthpointPaddinggroupPadding 选项就不起作用,这具有优先权。至于 xAxis 的标签,它们是正确对齐的,因为它们位于特定类别的所有点的中心。您看不到它们,因为它们的值为 0。您可以删除 0 的点或将 grouping 属性设置为 false。

    API 参考:
    https://api.highcharts.com/highcharts/series.column.pointWidth https://api.highcharts.com/highcharts/series.column.grouping

    示例:
    https://jsfiddle.net/BlackLabel/zsnju2xm/ - 使用 pointPaddinggroupPadding,所有点都可见
    https://jsfiddle.net/BlackLabel/kzrunfv0/ - 使用 grouping

    【讨论】:

    猜你喜欢
    • 2019-12-15
    • 2017-12-11
    • 1970-01-01
    • 1970-01-01
    • 2019-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-06
    相关资源
    最近更新 更多