Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts:将两个系列水平对齐到位于相对侧的相同x轴_Javascript_Highcharts - Fatal编程技术网

Javascript Highcharts:将两个系列水平对齐到位于相对侧的相同x轴

Javascript Highcharts:将两个系列水平对齐到位于相对侧的相同x轴,javascript,highcharts,Javascript,Highcharts,我有一个高度图,它有两个系列和两个轴。它们都有相同的X轴。但是我需要这两个系列在相反的方面(一个在底部,另一个在顶部)。我可以通过在一个yAxis的选项中添加reversed:true来实现这一点。但现在我遇到了一个问题,在一行水平对齐两个系列。我不介意它们重叠。搜索之后,我发现通过放置minPadding和maxPadding,我可以删除这个空间,但它不起作用。这在海图中可能吗 我希望它像下面这样 有人能建议如何像这样对齐吗?提前谢谢 我的代码如下 Highcharts.chart('co

我有一个高度图,它有两个系列和两个轴。它们都有相同的X轴。但是我需要这两个系列在相反的方面(一个在底部,另一个在顶部)。我可以通过在一个yAxis的选项中添加
reversed:true
来实现这一点。但现在我遇到了一个问题,在一行水平对齐两个系列。我不介意它们重叠。搜索之后,我发现通过放置minPadding和maxPadding,我可以删除这个空间,但它不起作用。这在海图中可能吗

我希望它像下面这样

有人能建议如何像这样对齐吗?提前谢谢

我的代码如下

Highcharts.chart('container'{
xAxis:{
类别:[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’,
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
亚克斯:[
{
相反:对
}, 
{//次级雅克西斯
对
}
],
系列:[{
名称:“S1”,
键入:“列”,
数据:[40,60,50],
数字:0,
maxPadding:0
}, {
名称:“S2”,
键入:“列”,
亚克西斯:1,,
xAxis:0,
数字:0,
maxPadding:0,
数据:[30,20,10]
}]
});

您需要禁用分组

series: [{
  ...,
  grouping: false
}, ...]

现场演示:

API参考: