Javascript でグラフが描けるAPIでtimeplotがある。
http://simile.mit.edu/timeplot/すっげー便利。
しかも使い方も、とてもとてもわかりやすいHow toみればらくしょー
http://simile.mit.edu/timeplot/docs/ただ、自分でつかっててなぜかグラフY軸のmin, maxの設定が反映されなくてすげー困ったんでかきこします。
この現象はグラフを1個ただ描いただけじゃおきないのかな。
おれがつかっててこの現象がおきたのが
グラフ＋Event表示をおこなったとき。↓のグラフみたいなのをかいたときね。
http://simile.mit.edu/timeplot/examples/bush/index.htmlこんときになんで反映されなかったかというと、、、
valueGeometry変数を
valueGeometry = new Timeplot.DefaultValueGeometry({
axisLabelsPlacement: "left",
//axisColor: "#ff0000",
gridType: "long",
min: 200,
max: 20000,
gridColor: "#ff0000"
})
って宣言してから、（同様にtimeGeometry変数も宣言）
var plotInfo2 = [
//グラフのデータ
Timeplot.createPlotInfo({
id: "id1",
dataSource: new Timeplot.ColumnSource(eventSource1,1),
→ valueGeometry: valueGeometry, //y軸の設定
timeGeometry: timeGeometry,//x軸の設定
lineColor: "#000080",
dotColor: "#000080",
showValues: true
}),
//強調する日付のイベント
Timeplot.createPlotInfo({
id: "events",
eventSource: eventSource3,
timeGeometry: timeGeometry,
→ valueGeometry: valueGeometry,
lineColor: "red"
})
];
ってかんじで、矢印のところ2ヶ所で変数をよびだしたかららしい。おなじPlotInfo内で同じvalueGeometry変数を使うとmin, max設定が無意味化されてしまうらしい。
んで、自動でmin, maxを設定するみたいだが、どうやらeventのPlotは値ももたないためか絶対にY軸が０からはじまるという罠が発生してた。
ので、これをなおすためには変数にしないで両方共いちいちHowTo風にかいてやればOKのようだ。
posted by yuuyuujy at 15:24|
Comment(0)
|
TrackBack(0)
|
study
|
|
