Flotr2 棒グラフサンプル

Flotr2書式

Flotr.draw( ELEMENT, DATA, OPTIONS )

ELEMENT = document.getElementByID( ID )

DATA = [ // データ系列単位
{
data:[
[X_VALUE, Y_VALUE]
],
label: LABEL
}
];

OPTIONS = {
legend: { // 凡例の設定
position: "ne", // 汎用の位置
backgroundColor: "#D2E8FF"
},
bars: { // 棒グラフの場合に必要
show: true,
stacked: true,
horizontal: false, // 棒の方向
barWidth: 0.6,
lineWidth: 1,
shadowSize: 0
},
xaxis: { // X軸設定
title: "時間",
ticks:[], // 目盛設定 数値を文字列で置き換える場合は利用する
labelsAngle: 45,
},
yaxis: { // y軸設定
title: "アクセス数"
},
grid: { // 罫線のありなし
verticalLines: false,
horizontalLines: true
},
HtmlText: false
};

表示サンプル

結果の画像化(Data URL)

SQLiteとFlotr2でアクセスログ解析