关于highcharts数据标签数值显示与y轴数值不一致

 

需求要求每个柱状图上显示风力等级，但y轴的值为风速，风速不等于风力；因而虽然数据标签另传值；

思路：在series中的data给每个数值自定义一个值，后在formatter中return则可；

plotOptions: {
    column:{
        dataLabels:{
            enabled:true, // dataLabels设为true
            y:5,
            crop:false,//数据标签显示在柱形外部
            overflow:'none',//数据标签显示在柱形外部
            formatter:function () {
                return this.point.leves;
            },
            style:{
                color:"#666"
            }
        }
    }
},

series: [{
    name: '风速（m/s)',
    type:'column',
    data: [{y:5,leves:'1级'},{y:4,leves:'1级'},{y:7,leves:'1级'},{y:9,leves:'1级'},{y:2,leves:'1级'},{y:3,leves:'1级'},
        {y:6,leves:'1级'},{y:5,leves:'1级'},{y:8,leves:'1级'},{y:2,leves:'1级'},{y:4,leves:'1级'},{y:6,leves:'1级'}],
    color:'#6482fe',
    pointWidth: 15,

}];