HighCharts画图/请求路径/git使用总结

1、利用highcharts画柱状图

 （1）为了让每个柱上面显示相应的值，在highcharts的option设置如下参数：

<span style="white-space:pre">		</span>plotOptions: {
	            series: {
	            	pointWidth: 30,
	                pointPadding: 0.2,
	                borderWidth: 0,
	                dataLabels:{//将值显示在柱状图的上面
	                	enabled:true,
	                	crop:false,
	                	overflow:'none'
	                }
	            }
	        }

crop和overflow是为了让值总是显示在柱状图的上方，防止柱状图太高时，值显示在柱状图中。

（2）在横轴显示categories

因为字符串的长度太长时，字符串可能会旋转，为了保证其换行显示而不是旋转相应的角度，可以设置如下选项：

 <span style="white-space:pre">		</span>xAxis: {
	        	type:'category',
	            categories: [],
	            labels: {
	            	autoRotationLimit: 5//图表显示时按单词换行，所以后台传过来的字符串句子中设置适当的间隔
	            }
	        }

   主要是设置autoRotationLimit:5这个参数，同时当一个字符串太长时要在字符串中适当的位置增加空格，如：“第一次 生产 过程”  这样在坐标轴上显示时，当一个刻度的宽度容纳不下该字符串时，便会分成三行显示为：
 “第一次”
  “生产”
 “过程”

（3）为了让不同的柱显示不同的颜色，增加如下选项:主要是设置colorByPoint:true

<span style="white-space:pre">		</span>plotOptions: {
	            series: {
	            	colorByPoint:true,
	            	pointWidth: 30,
	                pointPadding: 0,