DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Highcharts入門之基本屬性
Highcharts入門之基本屬性
編輯:關於JavaScript     

一.基本組成:

    1.Highcharts包含標題(Title):主標題是必須的但是subTTitle不是必須

    2.坐標軸(Axis):有x坐標(xAxis)和y坐標(yAxis)

    3.數據列(Series):每個曲線,每個柱形條組,每個餅圖的部分

    4.數據提示框(Tooltip):鼠標放上去的提示框

    5.圖例(Legend):通過點擊標示可以顯示或隱藏該數據列

    6.<!--more-->

    7.版權信息(Credits):一般是highcharts的官網,指定credits.enabled=false不讓顯示

    8.導出功能按鈕(Exporting):需要包含exporting.js

    9.標示線(PlotLines):主動添加如平均線等

二.參數屬性:

1、調用highcharts:

方法一:

$(function () {
    $(".chart").highcharts({});
});

方法二:

var charts = new Highcharts.Chart({
  // Highcharts 配置
  chart : {
    renderTo : "container" // 注意這裡一定是 ID 選擇器
  }
}); 

2、設置表格寬高:

等同於設置div的寬高:

style="width: 800px ;height: 400px"

3、圖表樣式:

常見的有:borderbackgroundColormarginspacingstyle

總結

以上就是Highcharts入門之基本屬性的全部內容,希望對大家學習Highcharts有所幫助,小編還會陸續更新Highcharts的相關文章,請繼續關注。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved