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) + %;    
       },  
    }
  }
}

其他问题

highcharts当数据超过1000条时，数据展示不完全

plotOptions : {
    series : { 
        turboThreshold : 0 // 不限制点数
    } 
}