Question

我有一个脚本，从左到右显示两组数据作为条形图。我想让y轴在图表下100％显示。我目前在每个柱的末尾显示两组数据的百分比。

如果我添加＆＃34; max：100＆＃34;对于yAxis属性，图表仅显示其中一个百分比为

的小节

没有＆＃34; max：100＆＃34;在yAxis属性中，图表显示两个百分比

脚本如下所示：

$(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

    }]
});
});

我想要的是yAxis上的百分比0％ - 100％以及条形结尾处每个柱的百分比。

任何人都可以帮忙解决这个问题。非常感谢提前

Highcharts百分比失误

0 个答案: