带“填充”的多柱条形图Highcharts;的效果

Highcharts multiple column bar chart with "fill" effect

本文关键字：Highcharts 条形图 填充      更新时间：2023-09-26

我想为左边的每个栏和它们的标题设置一个黑色的背景。这是我的文件:

http://jsfiddle.net/jimbob25/T5737/

我使用pointWidth

指定列宽度
{
        name: 'Jane',
        color: '#FF9F00',
        data: [100],
        pointWidth: 30
    }]

这就是我想要达到的:

https://i.stack.imgur.com/aru5F.png

谢谢你的帮助。

我不能100%确定你在找什么，因为你有一堆只有一个数据点的系列。但是，如果我要这样做，我会使用堆叠:百分比，并有两个系列相加为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]
    }]
http://jsfiddle.net/T5737/2/

相关文章：