Namespace: Chart

Methods

staticov.Chart.Bar(parameter)

common/PilotGaea-Chart.js, line 257

新增長條圖

Name	Type	Description
parameter	Object	長條圖設定參數 Name Type Description dataSet Array.<Object> 傳入的資料集，形式為陣列物件，ex:[{ label: "標籤1", value:10 }, { label: "標籤2", value: 20 }] xLabel string X軸的標籤名稱 yLabel string Y軸的標籤名稱 title string 長條圖的標題 margin number 長條圖距離svg邊界的距離，單位為pixel width number 長條圖的寬，單位為pixel 註:此為整個svg的大小 height number 長條圖的高，單位為pixel 註:此為整個svg的大小 rectPitch number 長條圖的間距 color string 長條圖的顏色 stroke string 長條圖尺標的顏色 strokeWidth number 長條圖尺標的粗細，當數值為0時不會出現尺標 opacity number 長條圖顏色的透明度 fontSize number 長條圖尺標的字型大小 fontColor string 長條圖尺標的字的顏色 axisFontSize number 長條圖軸的字型大小 axisFontColor string 長條圖軸的字的顏色 titleFontSize number 標題文字的大小 titleFontColor string 標題文字的顏色 xAxisPos number 下標題文字距離長條圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 yAxisPos number 左標題文字距離長條圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 titlePos number 標題距離長條圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 legentName string legent的名稱，如果沒設不會出現legent legentWidth number legent矩形的大小 legentFontSize number legent文字的大小 legentPitch number legent的間隔 legentPos number legent距離長條圖的距離 legentFontColor string legent的文字顏色，如果沒指定會跟標籤顏色相同 animationTime number 顯示動畫的時間，為0則不會跑動畫

Example

要使用的話先產生一個新的長條圖，並用getElement()取得長條圖的節點，最後再加進節點裡顯示，底下範例

var bar = new ov.Chart.Bar(parameter);

document.body.appendChild(bar.getElement());

staticov.Chart.LineChart(parameter)

common/PilotGaea-Chart.js, line 586

新增折線圖

Name	Type	Description
parameter	Object	折線圖設定參數 Name Type Default Description dataSet Array.<Object> 傳入的資料集，形式為陣列物件，ex:[{ label: "標籤1", value:10 }, { label: "標籤2", value: 20 }] xTag string "label" optional X軸的資料屬性名稱 yTag string "value" optional Y軸的資料屬性名稱 xLabel string X軸的標籤名稱 yLabel string Y軸的標籤名稱 title string 折線圖的標題 margin number 折線圖距離svg邊界的距離，單位為pixel width number 折線圖的寬，單位為pixel 註:此為整個svg的大小 height number 折線圖的高，單位為pixel 註:此為整個svg的大小 color string 折線圖的顏色 stroke string 折線圖尺標的顏色 strokeWidth number 折線圖尺標的粗細，當數值為0時不會出現尺標 opacity number 折線圖顏色的透明度 fontSize number 折線圖尺標的字型大小 fontColor string 折線圖尺標的字的顏色 axisFontSize number 折線圖軸的字型大小 axisFontColor string 折線圖軸的字的顏色 titleFontSize number 標題文字的大小 titleFontColor string 標題文字的顏色 xAxisPos number 下標題文字距離折線圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 yAxisPos number 左標題文字距離折線圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 titlePos number 標題距離折線圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 legentName string legent的名稱，如果沒設不會出現legent legentWidth number legent矩形的大小 legentFontSize number legent文字的大小 legentPitch number legent的間隔 legentPos number legent距離折線圖的距離 legentFontColor string legent的文字顏色，如果沒指定會跟標籤顏色相同 animationTime number 顯示動畫的時間，為0則不會跑動畫 radius number 折線圖的點的大小，為0則不會出現點

Example

要使用的話先產生一個新的折線圖，並用getElement()取得折線圖的節點，最後再加進節點裡顯示，底下範例

var lineChart = new ov.Chart.LineChart(parameter);

document.body.appendChild(lineChart.getElement());

staticov.Chart.Pie(parameter)

common/PilotGaea-Chart.js, line 38

新增圓餅圖

Name	Type	Description
parameter	Object	圓餅圖設定參數 Name Type Description dataSet Array.<Object> 傳入的資料集，形式為陣列物件，ex:[{ label: "標籤1", value:10 }, { label: "標籤2", value: 20 }] margin number 圓餅圖距離svg邊界的距離，單位為pixel radius number 圓餅圖半徑，單位為pixel innrtRadius number 圓餅圖內圈半徑，單位為pixel title string 圓餅圖的標題 color Array.<string> 圓餅圖的顏色，形式為陣列，ex:["red","blue"] 註:當陣列小於資料數時顏色會巡迴 stroke string 圓餅圖的線框顏色 strokeWidth number 圓餅圖線框的粗細，當數值為0時圓餅圖不會有線框 opacity number 圓餅圖顏色的透明度 fontSize number 圓餅圖字型的大小 fontColor string 圓餅圖字的顏色 titleFontSize number 標題文字的大小 titleFontColor string 標題文字的顏色 titlePos number 標題距離圓餅圖的距離，註:當位置超過邊界時文字可能會消失，可以調整邊框大小解決 legentWidth number legent矩形的大小 legentFontSize number legent文字的大小 legentPitch number legent的間隔 legentPos number legent距離圓餅圖的距離 legentFontColor string legent的文字顏色，如果沒指定會跟標籤顏色相同 round number 圓餅圖文字要取到小數點幾位 animationTime number 顯示動畫的時間，為0則不會跑動畫

Example

要使用的話先產生一個新的圓餅圖，並用getElement()取得圓餅圖的節點，最後再加進節點裡顯示，底下範例

var pie = new ov.Chart.Pie(parameter);

document.body.appendChild(pie.getElement());