highcharts设置柱状图宽度、渐变、圆角、柱子上方数据

highcharts官网：链接

实现效果

实现代码

plotOptions: {
    
   series: {
    
     // 渐变
     color: {
    // 注意！！！如果是柱状图请使用color，如果是面积图请使用fillColor
       linearGradient: {
    
         x1: 0,
         y1: 0,
         x2: 0,
         y2: 1
       },
       stops: [
         [0, '#49bdff'],
         [0.2, '#3B5BDF'],
         [0.8, '#303642'],
         [1, '#303642']
     }
   }
   // 圆角
   borderRadius: 4
 }
 column: {
    
    cursor: 'pointer',
    pointPadding: 0.2,
    borderWidth: 0,
    //pointWidth: 30,
    maxPointWidth: 100 // 设置最大宽度
    dataLabels:{
     //柱状图数据标签
       enabled:true,       //是否显示数据标签 
       color:'#49bdff',        //数据标签字体颜色 
       formatter: function() {
            //格式化输出显示 
          return (this.y) + %;    
       },  
    }
  }
}