highchart ,highstock 笔记1

1.chartType 图形的种类
（1）Line with markers and shadow
series : [{
name : 'AAPL Stock Price',
data : data,
marker : {
enabled : true,
radius : 3
},
shadow : true,
tooltip : {
valueDecimals : 2
}
}]
（2） type: 'spline',
（3）step line： 
   series: [{
    step: true
   }]:
（4）area
series : [{
name : 'AAPL Stock Price',
data : data,
type : 'area',
threshold : null,
tooltip : {
valueDecimals : 2
},
fillColor : {
linearGradient : {
x1: 0, y1: 0, x2: 0, y2: 1
},
stops : [[0, Highcharts.getOptions().colors[0]], [1, 'rgba(0,0,0,0)']]
}
}]
(5) type : 'areaspline',
(6)chart: { renderTo: 'container',
type: 'arearange'
},----areasplinerange
(7)OHLC
(8)type: 'columnrange'
(9)Point markers only
series : [{
name : 'AAPL Stock Price',
data : data,
lineWidth : 0,
marker : {
enabled : true,
radius : 2
},
tooltip: {
valueDecimals: 2
}
}]



2.highstock设置时间轴，按时间实际间隔来显示
xAxis: {ordinal:false,
    title: {
text: '时间值'
}
},



3.styled  scrollbar
scrollbar: {
barBackgroundColor: 'gray',
barBorderRadius: 7,
barBorderWidth: 0,
buttonBackgroundColor: 'gray',
buttonBorderWidth: 0,
buttonBorderRadius: 7,
trackBackgroundColor: 'none',
trackBorderWidth: 1,
trackBorderRadius: 8,
trackBorderColor: '#CCC'
    }