- 締切済み
1つのグラフ内で複数の折れ線グラフを描きたい
ネット上でダウンロードしたスクリプトに手を加えて1つのグラフ内に複数の折れ線グラフを詰め込むプログラムを作っているのですが、私は初心者なのでなかなかうまくいきません。 http://park15.wakwak.com/~akutagawa/graph/graph.htm こんな風にもう一つの折れ線グラフのデータをマーカーとラインで表示するところまではできているのですが、もう1つのデータの点と点を線で結ぶというところでつまづいています。 どうか助けていただけませんでしょうか? graph-line.jsのソースは以下の様になってます。 http://park15.wakwak.com/~akutagawa/cgi-bin/graph-line-js.cgi (一部半角の<divを全角の<divにしてます)
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
回答No.1
スクリプトの内容は見てませんが・・・ ここ( http://web-sozai.seesaa.net/article/17776494.html ) に >PointPush(X,Y,Marker,Tiphelp); >X=Yのデータを追加する。(左から順番に入れる必要があります。) と書いてありますから、そういう仕様なのではないでしょうか。 どうしてもやりたければ、カスタマイズするしかないのでは? 似たようなもので、こんなのもありますが・・ http://www.html5.jp/library/graph_line.html (こちらは複数のグラフが可能みたい)
お礼
HTML5.JPをダウンロードして、そのままの状態で表示しようとしているのですが、どうしてもグラフが表示できません。firefoxでなくてもIE6以上で表示できるはずですよね?階層は合ってるはずですし。 HTMLのhead要素内にサイト内のサンプルJavaScriptコードを貼り付けて、 <div><canvas width="400" height="300" id="sample"></canvas></div>をbodyタグに貼り付ければ表示されるはずですよね? それでできないということはおそらくCanvasの読み込みでつまづいているのでしょうか。 そもそもHTML5というもの自体よくわかってないので、もしかしたらHTML5にするためには何かインストールする必要があるのでしょうか?私のHTMLのバージョンすらわからなくなってきました・・・
補足
HTMLについてはjavascript初心者の私には難しすぎるので今回は導入を見送ろうと思っています。 環境のところでつまづいているようではちょっと厳しいかと思ったので‥。 せっかく教えていただいたのに申し訳ありませんが、また機会がありましたら質問させていただきます。 今回は回答ありがとうございました。