Javascript 高图:堆叠条形图中的条形图

Javascript 高图:堆叠条形图中的条形图,javascript,highcharts,bar-chart,Javascript,Highcharts,Bar Chart,我想创建一个图表,其中一个条形图位于堆叠条形图的内部,如下图所示。 我设法把柱子放在柱子里面,但是,我不能让它在酒吧里工作。我怎样才能把吧台放在堆叠的吧台里面 非常感谢您的帮助。您可以将分组设置为false,这样所有堆栈将彼此重叠放置在一起 例如: API参考:看起来您正在制作一个项目符号图 我这里有这样的例子: 还使用一个函数在散点序列上扩展目标线的标记对象: Highcharts.Renderer.prototype.symbols.line = function(x, y, w

我想创建一个图表,其中一个条形图位于堆叠条形图的内部,如下图所示。

我设法把柱子放在柱子里面,但是,我不能让它在酒吧里工作。我怎样才能把吧台放在堆叠的吧台里面


非常感谢您的帮助。

您可以将分组设置为false,这样所有堆栈将彼此重叠放置在一起

例如:


API参考:

看起来您正在制作一个项目符号图

我这里有这样的例子:

还使用一个函数在散点序列上扩展目标线的标记对象:

Highcharts.Renderer.prototype.symbols.line = function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};
plotOptions: {
    series: {
        grouping: false
        ...
plotOptions:{
        bar:{
            grouping: false,
            shadow:false,
            borderWidth:0,
            pointPadding:.25,
            groupPadding:0
        },
        scatter:{
            marker:{
                symbol:'line',
                lineWidth:3,
                radius:9,
                lineColor:'#333'
            }
        }
    }
Highcharts.Renderer.prototype.symbols.line = function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};