在Highcharts中，如何在柱形图中的y轴上设置绘图带的宽度？
雷米·塞特
是否有一种明智的方法来确定y轴上的绘图区和将它们对齐到x轴列？尺寸似乎使用x轴的宽度。
JSFiddle演示：https ://jsfiddle.net/remisture/hvy162k5/13/
我正在尝试在列的左侧设置绘图带，如下所示：https : //jsfiddle.net/remisture/hvy162k5/12/-我基本上将.chart-column宽度设置得足够小以“伪造”它，但是这在不同的浏览器中会有所不同，因此我需要找到更好的解决方案。
thicknessPlotBand对象的属性似乎也无济于事。
plotBands: [{
from: 0,
to: 2500,
color: '#FB8585'
}, {
from: 2500,
to: 5500,
color: '#F9E7AE'
}, {
from: 5500,
to: 8000,
color: '#83DAD9'
}]
就是这样
这就是我喜欢的样子
吉尔布里格斯
我会使用去这个xAxis比例，pointRange，pointPadding/groupPadding
像这样的东西：
plotOptions: {
series: {
borderWidth: 0,
pointRange: 1,
pointPadding: 0,
groupPadding: 0
}
},
xAxis: {
min: -0.5,
max: 0,
minPadding: 0,
maxPadding: 0,
visible: false,
}
将设置
pointRange为1，以使列填充一个轴单位的宽度（这将使所有内容正确缩放）；将
pointPadding和设置groupPadding为0，以从列图中删除不必要的空间；设置轴
minPadding和maxPadding为0，以除去从轴不必要的空间;将xAxis设置
min为小于0，将max设置为0，以留出空间让频段显示在左侧（相反，将其显示在右侧，请将mins设置为0，将max设置为大于0的值） ;
这样，您可以将图表宽度设置为所需的宽度，并且栏/带应适当填充。
要使可见带的部分变窄，请将x轴最小值设置为更接近零的值（例如
-0.25）-要使其更宽，请将最小值设置为更远离零的值（例如-0.75）。该
xAxismin设置将确定列和可见对象将占据的x轴比例plotBands。相应地调整。
更新小提琴：
输出：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在Google柱形图中删除y轴线并设置y轴的值格式
- 2
如何在谷歌柱形图中添加轴刻度/标签？
- 3
如何在带有Highcharts的柱形图中仅在xAxis上显示特定年份
- 4
Highcharts-无法在柱形图中将X轴类别设置为负值
- 5
R：如何在绘图中以弧度设置y轴？
- 6
Highcharts-如何在多个系列柱形图中的列顶部对齐共享工具提示？
- 7
如何在amCharts柱形图中设置自定义颜色？
- 8
如何在大熊猫中绘图-在同一绘图中不同的x和y轴
- 9
在 Highcharts 的柱形图中更改绘图线上方和下方的图形颜色
- 10
如何在Excel中更改柱形图的x轴最小值/最大值？
- 11
HighCharts柱形图中的工具提示帮助
- 12
HighCharts柱形图中的工具提示帮助
- 13
如何在Google柱形图中显示水平参考线？
- 14
如何在融合图柱形图中包含值标签
- 15
如何在PowerBI中的群集柱形图中格式化小数？
- 16
如何在amCharts中单击时设置柱形图的颜色？
- 17
使用 Highcharts 时，如何在堆积柱形图/条形图上的特定列上设置亮度效果？
- 18
Highcharts-在x轴上带有空白列的日期的柱形图
- 19
如何在柱形图中使用谷歌图表制作动态柱形颜色
- 20
HighCharts pointPlacement选项在单个柱形图中不起作用
- 21
HighCharts pointPlacement选项在单个柱形图中不起作用
- 22
Highcharts：如何在折线图的Y轴上设置第一个类别？
- 23
如何在 y 轴上为 highcharts JS 设置 30 秒的日期时间间隔
- 24
Highcharts：仪表图中的绘图带
- 25
如何在绘图中获取生成的x轴和y轴范围？
- 26
Angular Google Charts：如何为柱形图中的列设置不同的颜色
- 27
如何在python的绘图框中设置框的宽度？
- 28
如何在knitr中设置绘图的宽度/高度？
- 29
如何在固定柱形图中动态添加点位置和点填充（高图）
我来说两句