jquery jqPlot API 中文使用教程

2021-06-17 16:44:07 字數 2696 閱讀 9660

jqplot是乙個灰常強大的圖表工具,曲線,柱狀,餅圖,應該有盡有,更要命的是,呼叫方便~~官

網:這裡貢獻上中文教程,基本上所有的api都很齊全,供有需要的童鞋們瞧瞧,更重要的是作為自己滴收藏~~哦耶耶~

jqplot整的來說有三個地方需要配置。格式如:

$.jqplot(『target』, data, options);target:要顯示的位置。data:顯示的資料。options:其它配置

seriescolors: [ "#4bb2c5", "#c5b47f", "#eaa228", "#579575", "#839557", "#958c12",

"#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc"], // 預設顯示的分類顏色,如果分類的數量超過這裡的顏色數量,則從該佇列中第乙個位置開始重新取值賦給相應的分類  

stackseries: false, // 如果置為true並且有多個分類(如果是折線圖,就必須多於一條折線), 那麼每個分類(折線)在縱軸上的值為其前所有分類縱軸值總和與其縱,軸值相加值(eg,                   當前分類縱軸值為y3

title: '',     //設定當前圖的標題

title: ,

axesdefaults: ,   // 設定renderer的option配置物件,線狀圖不需要設定

tickoptions:

showticks: true,        //是否顯示刻度線以及座標軸上的刻度值,

showtickmarks: true,    // 設定是否顯示刻度

useseriescolor: true   //如果有多個縱(橫)座標軸,通過該屬性設定這些座標軸是否以不同顏色顯示

},axes: ,

yaxis: ,

x2axis: ,

y2axis:

},seriesdefaults: , // 傳給上個屬性所設定渲染器的option物件,線狀圖的渲染器沒有option物件,  

//不同圖表的option配置物件請參見下面《jqplot各個不同外掛程式的option物件設定》  

//中各個圖表的配置option物件  

markerrenderer: $.jqplot.markerrenderer,    // renderer to use to draw the data    

// point markers.  

markeroptions:   

isdragable: true,//是否允許拖動(如果dragable包已引入),預設可拖動

},series:[

//如果有多個分類需要顯示,這在此處設定各個分類的相關配置屬性  

//eg.設定各個分類在分類名稱框中的分類名稱

//[label: 'traps division'},,]//配置引數設定同seriesdefaults

],legend: ,  

grid:          // options to pass to the renderer. note, the default  

// canvasgridrenderer takes no additional options.  

},                                

//jqplot各個不同外掛程式的option物件設定

// barrenderer(設定柱狀圖的option物件)  

//該option物件適用與柱狀圖的series和seriesdefault屬性的相關配置物件設定  

seriesdefaults:   

},    

// cursor(游標)  

// 滑鼠移動到圖中時,滑鼠在圖中顯示形式,常與和高亮功能同時使用  

//此外,通過設定該屬性的zoom相關屬性來對圖中某個區域鑽取(就選定區域放大)  

//該配置物件直接在option下配置  

cursor: ,  

// dragable(拖動)  

//該配置物件通過seriesdefaults和series配置物件進行配置  

seriesdefaults: ,  

},  

// highlighter(高亮)  

//設定高亮動作option屬性物件  

//滑鼠移動到某個資料點上時,該資料點增大並顯示提示資訊框  

//該配置物件直接在option下配置      

highlighter: ,  

// logaxisrenderer(指數渲染器)  

// 該渲染器只有兩個屬性, 指數渲染器通過axesdefaults和axes配置物件進行配置

axesdefaults: ,  

// pierenderer(設定餅狀圖的option物件)  

// 餅狀圖通過seriesdefaults和series配置物件進行配置  

seriesdefaults:   

},  

//pointlabels(資料點標籤)  

//用於在資料點所在位置顯示相關資訊(非提示框性質)  

seriesdefaults:   

}  // trendline(趨勢線)  

// 餅狀圖通過seriesdefaults和series配置物件進行配置  

seriesdefaults:   

}  }

摘抄:

jquery jqPlot API 中文使用教程

2f logaxisrenderer 指數渲染器 該渲染器只有兩個屬性,指數渲染器通過axesdefaults和axes配置物件進行配置 axesdefaults pierenderer 設定餅狀圖的option物件 餅狀圖通過seriesdefaults和series配置物件進行配置 series...

koa generic session 使用教程

本系列是我的常用 koa 中介軟體使用筆記,防止忘記使用方法而作記錄 koa generic session 需要使用 koa redis作為儲存入口,需要安裝並引用。const koa require koa const session require koa generic session co...

pytorch dataloader使用教程

dataloader是pytorch之中可以靈活地取出數值的乙個相應類,首先需要將自己使用的資料用dataset封裝起來,然後打包成為dataloader變數進行操作 import torch from torch.utils.data import dataset,dataloader x tor...