我有一个xrange图,其中的每个“代理”都有一系列时间轴数据,但在开箱即用的属性中正确设置图形数据的格式时遇到了一些问题。例如,当有很多Series / Y类别时,任何给定点元素上的钢筋高度为0;否则,为0。或只有很少的东西可以实际达到高度时,它们不在类别的中心
的高度为0,可以通过使用pointWidth属性来解决,但我的目标是使用pointPadding和groupPadding属性将bar &&标签居于类别/ Agent部分中的中心位置-人们会认为这将是简单的任务,而小提琴https://jsfiddle.net/yd7ujvfs/则显示了一个理想的结束点,如果可能的话,还有一个minWidth
为了在jsfiddle中复制我的问题,我对图表定义进行了字符串化,然后将其加载到jsfiddle此处https://jsfiddle.net/0yeu4bg6/4/,其中显示了高度为0的问题
另外,我想处理少数座席案例,并更完美地将栏位于类别内,如jsfiddle https://jsfiddle.net/5kowvgz3/5/
所示预先感谢您的协助!
示例: 我尝试摆弄pointPadding,groupPadding解决方案与pointWidth解决方案,此外,我还尝试摆弄标签位置并将其与条形对齐,而不是反过来。另外,我已经尝试过pointPlacement,但是在那里没有乐趣
plotOptions: {
series: {
minPointLength: 10,
borderRadius: 0,
pointPadding: 0,
groupPadding: .25
}
},
{
name: "Adam NonSDX x",
id: 1003043,
data: [
{
y: 0,
agentDisplayName: "Adam NonSDX x",
tooltipDisplay: "Mon, Apr 1 1:14 PM - 2:59 PM",
name: "Available",
x: 1554142440000,
x2: 1554148752857,
color: "#97e34c"
},
...
pointPlacement: "on",
dataLabels: {
enabled: false
}
}
预期结果,每个类别内的Axis Label和Bar完美居中,每个类别最好设置px,例如35 px,其中顶部和底部有10px的填充,而label和bar则是中间的25px
实际结果,标签完美居中,但条形图不一致,另外,在较大的数据集处,条形图不可见,因为高度设置为0
答案 0 :(得分:1)
Highcharts为每个类别中的每个系列保留空间。为防止禁用grouping
选项,
plotOptions: {
series: {
grouping: false,
...
}
},
实时演示:https://jsfiddle.net/BlackLabel/xpztou4g/
API参考:https://api.highcharts.com/highcharts/plotOptions.xrange.grouping