Highcharts 缺少高百分比标签

Highcharts 缺少高百分比标签,highcharts,Highcharts,我有一个脚本,它将两组数据显示为从左到右的条形图。 我想让y轴在图表下100%显示。我当前在每个栏的末尾显示两组数据的百分比 如果我将“max:100”添加到yAxis属性中,图表将只显示其中一个带有百分比的条形图 如果yAxis属性中没有“max:100”,图表将同时显示两个百分比 脚本如下所示: $(function () { $('#container1').highcharts({ chart: { type: 'bar' }, title: {

我有一个脚本,它将两组数据显示为从左到右的条形图。 我想让y轴在图表下100%显示。我当前在每个栏的末尾显示两组数据的百分比

如果我将“max:100”添加到yAxis属性中,图表将只显示其中一个带有百分比的条形图

如果yAxis属性中没有“max:100”,图表将同时显示两个百分比

脚本如下所示:

$(function () {
$('#container1').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Test'
    },
    subtitle: {
        text: ''
    },

    tooltip: {
        enabled: false
    },



    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -20,
        y: 34,
        floating: false,
        borderWidth: 1,
        backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
        shadow: true
    },

    plotOptions: {
    series: {
        shadow:false,
        borderWidth:0,
        dataLabels:{
            enabled:true,
            formatter: function() {
                return this.y +'%';
            }
        }
    }
},
xAxis:{

    categories: [''],
    lineColor:'#999',
    lineWidth:1,
    tickColor:'#666',
    tickLength:3,
    title:{
        text:'Test'
    },
},
yAxis:{

    max:100,
    showFirstLabel: false,
    lineColor:'#999',
    lineWidth:1,
    tickColor:'#666',
    tickWidth:1,
    tickLength:3,
    gridLineColor:'#ddd',
    title:{
        text:'Between <?php print $_POST['FromDate'];?> and <?php print $_POST['ToDate'];?>',
        rotation:0,
        margin:50,
    },
    labels:
        {
        enabled: true
    }
},
    series: [{ first set of data
    },{

    second set of data

    }]
});
});
$(函数(){
$(“#container1”)。高图({
图表:{
类型:'bar'
},
标题:{
文本:“测试”
},
副标题:{
文本:“”
},
工具提示:{
已启用:false
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-20,
y:34,
浮动:假,
边框宽度:1,
背景颜色:((Highcharts.theme&&Highcharts.theme.legendBackgroundColor)| |'#FFFFFF'),
影子:对
},
打印选项:{
系列:{
影子:错,
边框宽度:0,
数据标签:{
启用:对,
格式化程序:函数(){
返回这个.y+'%';
}
}
}
},
xAxis:{
类别:[''],
线条颜色:'#999',
线宽:1,
勾选颜色:'#666',
长度:3,
标题:{
文本:“测试”
},
},
亚克斯:{
最高:100,
showFirstLabel:false,
线条颜色:'#999',
线宽:1,
勾选颜色:'#666',
宽度:1,
长度:3,
gridLineColor:“#ddd”,
标题:{
文本:'介于和之间',
轮换:0,
差额:50,
},
标签:
{
已启用:true
}
},
系列:[{第一组数据
},{
第二组数据
}]
});
});
我想要的是yAxis上0%-100%的百分比,以及每一条的百分比


有人能帮忙吗。提前多谢

你能把你现在拥有的东西贴出来吗?当我将该脚本粘贴到一个fiddle中时,我没有得到任何结果表明fiddle可以工作,但当我包含MySQL查询以获取数据时,它却不能。看起来可能存在
allowOverlap
问题?