Javascript Highcharts带“的多列条形图;填写「;效应

Javascript Highcharts带“的多列条形图;填写「;效应,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我想有一个黑色的背景为每个酒吧和他们的标题到左边。这就是我所拥有的: 我使用pointWidth指定列宽 { name: 'Jane', color: '#FF9F00', data: [100], pointWidth: 30 }] 这就是我想要实现的目标: 谢谢你的帮助。我不能100%确定你想要什么,因为你有一系列的系列,每个系列只有一个数据点。但是,如果我要这样做,我会使用堆叠:百分比,并有2个系列,加上100

我想有一个黑色的背景为每个酒吧和他们的标题到左边。这就是我所拥有的:

我使用pointWidth指定列宽

{
        name: 'Jane',
        color: '#FF9F00',
        data: [100],
        pointWidth: 30
    }]
这就是我想要实现的目标:


谢谢你的帮助。

我不能100%确定你想要什么,因为你有一系列的系列,每个系列只有一个数据点。但是,如果我要这样做,我会使用堆叠:百分比,并有2个系列,加上100

    plotOptions: {
        bar: {
            dataLabels: {
                enabled: false
            },
            stacking:'percent',
            pointWidth: 10
        }
    },
    legend: {
        enabled: false
    },
    credits: {
        enabled: false
    },
    series: [ {
         data: [15, 0,0,45,35,55,45,15,25,0]
    },{
         data: [85, 100,100,55,65,45,55,85,75,100]
    }]

你好,芭芭拉,谢谢你,但我正在寻找类似的东西,但我希望我的顶部条形图是30px,比REST大看看这个:顶部红色矩形是什么?它只是一个矩形,或者可以通过值进行更改?通常,您有两个选项,或者使用Barbara的解决方案(然后每个条都有类别)和使用渲染器创建红色条。第二个解决方案更难,您需要使用标签的阈值和x偏移,如下所示:JSFIDLE就是我现在要寻找的东西,我只需要让它看起来像是一个“填充”的东西,就像这样,使它看起来像是条被填充,然后添加假系列,这将是背景,为其禁用鼠标事件并使用不同的yAxis。请看演示:嗨,Pawel,我遇到了困难,因为在你展示的示例中,L974T/21只有2个相同大小的系列,而在新示例中有10个系列,所以你的意思是再创建10个作为背景的系列吗?不,只是创建与你使用的不同点宽度相同数量的伪系列。你有5倍大小的酒吧吗?创建5个假系列。