Javascript 如何在HighChart插件中将y轴标签保持在两行之间

Javascript 如何在HighChart插件中将y轴标签保持在两行之间,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,我正在使用插件创建图表 我有这个: 这就是我想要的: 我该怎么做?有参考资料吗 这是我的图表代码 $(function () { $('#container').highcharts({ chart: { type: 'column', margin: [ 100] }, title: { text: 'World\'s largest cities per 200

我正在使用插件创建图表

我有这个:

这就是我想要的:

我该怎么做?有参考资料吗

这是我的图表代码

$(function () 
{
    $('#container').highcharts({
        chart: {
            type: 'column',
            margin: [ 100]
        },
        title: {
            text: 'World\'s largest cities per 2008'
        },
        xAxis: {
            categories: personNameList,
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)'
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    'Population in 2008: '+ Highcharts.numberFormat(this.y, 1) +
                    ' millions';
            }
        },
        series: [{
            name: 'Population',
            data: dataList,
            dataLabels: {
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        }]
    });
});
$(函数()
{
$(“#容器”)。高图({
图表:{
键入:“列”,
保证金:[100]
},
标题:{
文字:“2008年世界最大城市”
},
xAxis:{
类别:人名表,
标签:{
轮调:-45,
对齐:“右”,
风格:{
fontSize:'13px',
fontFamily:“Verdana,无衬线”
}
}
},
亚克斯:{
分:0,,
标题:{
正文:“人口(百万)”
}
},
图例:{
已启用:false
},
工具提示:{
格式化程序:函数(){
返回“+this.x+”
+ “2008年人口:”+Highcharts.numberFormat(this.y,1)+ “百万”; } }, 系列:[{ 姓名:'人口', 数据:数据列表, 数据标签:{ 启用:对, 轮换:-90, 颜色:“#FFFFFF”, 对齐:“右”, x:4, y:10, 风格:{ fontSize:'13px', fontFamily:“Verdana,无衬线” } } }] }); });
以下是实现此目的的一种方法:

在highcharts对象中的
标签
对象中,设置y位置,并按如下方式清除“0”:

labels: {
    formatter: function() {
        if (this.value != 0) {
            return this.value; 
        } else {
            return '';
        }
    },
    y: 40
}
使用此属性,可以更改每个标签的位置[向上或向下]。唯一的缺点是y轴上的0应该被删除


您也可以提供HTML代码吗?或者贴在上面。@JEES:这是小提琴:我看到两幅相同的图像,那么有什么区别呢?@SebastianBochan:注意垂直数据范围,第一幅图像的数据范围值就在行的前面,但我希望数据范围存在于范围行之间,就像第二幅图像一样,但你能提供你的示例吗?你使用哪种浏览器?