Highchat如何使用

一：配置

1.引入JQuery.js和Highchart.js文件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script src="/js/highcharts.js" type="text/javascript"></script>

2.在script標籤或者單獨的js文件中初始化表結構，一般的表用new Highchart.Chart(),股市表用new Highchart.StockChart().

注意其中的renderTo，其鍵值爲對應呈現圖表結構的id。

3,加入對應第2步中的id的div標籤，並可設置相應的表結構的寬度與高度。

4.可選項，運用highchart自帶的4個主題去設置選項。

二:設置選項

直接用Javascript對象結構進行設置或者用第一步中的4進行設置

三：理解軸

highchart都會擁有一個具備類別的軸，該類別可以自己定義，如果使用線性或者時間日期軸時，highchart有自帶的調節功能，並且可以通過xAxis.labels.formatter進行格式化軸標籤，如果使用其他的類別軸時，當類別間過度稠密時，可以通過旋轉軸標籤或xAxis.labels.staggerLines進行調整

四：預處理選項

通過編程來改變選項，用javascript object的形式比較好，如：

// Good code:
var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'bar'
    },
    series: [{
        name: 'Jane',
        data: [1, 0, 4]
    }]
};

當定義了object對象後，還可以對其進行擴展，比如option.series.push({ name:'aaaaa' , data: [1,2,3]}),option.renderTo,option['renderTo']等等

注：還可以通過外部csv文件或者xml文件進行設置

五：