plotOptions:
{
column: //柱形圖
{
pointPadding: 0.2,
borderWidth: 1, //柱子邊框的大小
borderColor: "red", //柱子邊框的顏色
borderRadius: 180, //柱子兩端的圓角的半徑
colorByPoint: true, //否應該接受每系列的一種顏色或每點一種顏色
groupPadding: 0, //每一組柱子之間的間隔(會影響到柱子的大小)
minPointLength: 0, //最小數據值那一條柱子的長度(如果是0,可能看不到,可以設置出來)
pointPadding: 0.1, //柱子之間的間隔(會影響到柱子的大小)
pointWidth: 2, //柱子的大小(會影響到柱子的大小)
allowPointSelect: false,
animation: true, //圖形出來時候的動畫
color: 'red', //柱子的顏色
connectNulls: false, //連接圖表是否忽略零點(如線形圖,數據為0是是否忽略)
cursor: '', //游標
dashStyle: null,
dataLabels: { //圖上是否顯示數據標簽
enabled: true,
align: "center",
color: 'red',
formatter: function()
{
return this.y + 'mm'
},
rotation: 270,
staggerLines: 0,
step: ,
style: ,
x: 0,
y: -6
},
//enableMouseTracking:
events: { //事件
click: function(event)
{
alert(this.name);
},
checkboxClick: ,
hide: ,
legendItemClick: ,
mouseOver: ,
mouseOut: ,
show:
},
id: null,
lineWidth: 20,
marker: { //圖例說明上的標志
enabled: false
},
point: { //圖上的數據點(這個在線形圖可能就直觀)
events: {
click: function()
{
alert(this.y);
},
mouseOver: ,
mouseOut: ,
remove: ,
select: ,
unselect: ,
update:
}
},
pointStart: 0, //顯示圖數據點開始值
pointInterval: 1, //顯示圖數據點的間隔
selected: false,
shadow: true,
showCheckbox: true, //是否顯示(圖例說明的)復選框
showInLegend: false, //是否顯示圖例說明
stacking: 'percent', //是否堆積
states:
{
hover:
{
brightness: 0.1,
enabled: true, //圖上的數據點標志是否顯示
lineWidth: 2, //沒看出效果
marker:
{
states: ,
enabled: true, //數據點標志是否顯示
fillColor: null, //數據點標志填充的顏色
lineColor: "#FFFFFF", //數據點標志線的顏色
lineWidth: 0, //數據點標志線的大小
radius: 45, //數據點標志半徑
symbol: 'triangle'//'url(http://highcharts.com/demo/gfx/sun.png)' //數據點標志形狀(triangle三角形,或者用圖片等等)
}
}
},
stickyTracking: true, //軌道粘性 (例如線圖,如果這個設置為否定,那就必須點到數據點才有反應)
visible: true, //設置為false就不顯示圖
zIndex: null //層級
},
//該片段來自於http://www.codesnippet.cn/detail/0206201512756.html
