关于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,

}];

 

展开阅读全文

没有更多推荐了,返回首页