Javascript Highcharts:如何在同一系列中垂直对齐柱状图和气泡图

Javascript Highcharts:如何在同一系列中垂直对齐柱状图和气泡图,javascript,html,css,highcharts,Javascript,Html,Css,Highcharts,如图所示,我需要在单个系列上对齐柱状图和气泡图。但当我这样做时,图表的列大小有一点不匹配。有人知道这方面的直接解决方案或解决方法吗?非常感谢您的帮助 http://i.imgur.com/4twx0EF>您可以使用带有两个yAxis窗格的single,而不是使用分隔图表 series:[{ type:'column', data:[2,3,5,8,15,12,7,4] }, { yAxis:1, type:'bubble', data:[2,3,5,8,1

如图所示,我需要在单个系列上对齐柱状图和气泡图。但当我这样做时,图表的列大小有一点不匹配。有人知道这方面的直接解决方案或解决方法吗?非常感谢您的帮助


http://i.imgur.com/4twx0EF>

您可以使用带有两个yAxis窗格的single,而不是使用分隔图表

series:[{
    type:'column',
    data:[2,3,5,8,15,12,7,4]
}, {
    yAxis:1,
    type:'bubble',
    data:[2,3,5,8,15,12,7,4]
}]  
编辑:

即兴猜测,你的雅克西斯是另一个尺寸。顶部是100年代的三个数字,底部是10年代的两个数字。如果您需要更多帮助,请显示一些代码,或者更好地在JSFIDLE…Hi标记中重现问题,正如您所说的,Y值将不同,但两个图表的X轴值和范围完全相同。气泡大小可以通过一个系数进行调整。在这里找到小提琴样品。y轴缩放本身不应该有任何影响,尽管为标签创建的左边距将明确设置每个图表的左边距。除此之外,这是一个如何为柱设置间距的问题。使用minPadding和maxPadding设置可能会满足您的需要…?在我的上一篇帖子中,这可能会带来一些运气,尽管它相当笨拙:@jlbiggs,我指的是yaxis间距,而不是3个数字的值-宽与2个数字-窄。我会尝试这种方法。谢谢@Sebastian,我已经尝试过作为你的例子,并且能够在一定程度上生成图表。我需要在两个图表中显示两个不同的工具提示,但当我将工具提示选项放在“系列”下时,它不是格式,顶部和高度参数之间的确切关系是什么。耶。我使用了类似的方法来区分两种类型的图表以生成工具提示。我能够在同一个div中生成两种类型的图表,尽可能与需求保持一致。谢谢你的帮助。