在使用jQuery庫開發數據可視化應用時,$.plot是一個非常強大的工具,它可以通過參數控制繪制出各種不同類型的圖表。本文將介紹常用的$.plot參數。
1. series
series: { lines: { show: true }, points: { show: true } }
定義了繪制圖表的類型,本示例使用lines和points作為點和線的樣式。
2. colors
colors: ["#FF0000", "#00FF00", "#0000FF"]
定義每個數據系列的顏色,本示例使用紅綠藍三種顏色。
3. legend
legend: { show: true, position: "nw", backgroundOpacity: 0 }
定義圖例的位置與樣式,本示例將圖例顯示在左上角,背景透明。
4. xaxis、yaxis
xaxis: { mode: "time", tickSize: [1, "day"], minTickSize: [1, "day"], timeformat: "%m/%d" }, yaxis: { min: 0 }
定義x軸和y軸的屬性,本示例將x軸定義為時間軸,每天一個tick,并且格式化為“月/日”,y軸最小值為0。
5. grid
grid: { hoverable: true, clickable: true, borderColor: "#E6E6E6", borderWidth: 1, backgroundColor: { colors: ["#FFF", "#EEE"] } }
定義網格的屬性,可以設置鼠標交互事件,邊框顏色及寬度,背景顏色。
上一篇jquery $.ns
下一篇學html css