Highcharts:我们可以减少分组柱形图中两个条形之间的距离吗
High charts: Can we reduce the distance between two bars in grouped column chart
使用 Highcharts 中的这个示例来显示具有负值的分组柱形图
https://www.highcharts.com/demo/column-negative
当我们在 x 轴上的属性较少时,相同值的两个条之间的距离会变宽。我们可以通过使用任何选项来减少这个距离并使两个条形看起来每个月彼此接近吗?附加带有问题的输出。
Sample chart
我使用的选项是:
plotOptions: {
column: {
dataLabels: {
enabled: false
},
pointWidth: 15
},
series: {
centerInCategory: true
}
},
使用 groupPadding
和 pointWidth
属性 您可以调整分组列之间的 space。
plotOptions: {
column: {
dataLabels: {
enabled: false
},
groupPadding:0.35,
pointWidth: 25
}
},
API:
https://api.highcharts.com/highcharts/series.column.groupPadding
https://api.highcharts.com/highcharts/series.column.pointWidth
使用 Highcharts 中的这个示例来显示具有负值的分组柱形图 https://www.highcharts.com/demo/column-negative
当我们在 x 轴上的属性较少时,相同值的两个条之间的距离会变宽。我们可以通过使用任何选项来减少这个距离并使两个条形看起来每个月彼此接近吗?附加带有问题的输出。 Sample chart
我使用的选项是:
plotOptions: {
column: {
dataLabels: {
enabled: false
},
pointWidth: 15
},
series: {
centerInCategory: true
}
},
使用 groupPadding
和 pointWidth
属性 您可以调整分组列之间的 space。
plotOptions: {
column: {
dataLabels: {
enabled: false
},
groupPadding:0.35,
pointWidth: 25
}
},
API:
https://api.highcharts.com/highcharts/series.column.groupPadding
https://api.highcharts.com/highcharts/series.column.pointWidth