• 締切済み

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にしてます)

みんなの回答

  • 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 (こちらは複数のグラフが可能みたい)

sei1975
質問者

お礼

HTML5.JPをダウンロードして、そのままの状態で表示しようとしているのですが、どうしてもグラフが表示できません。firefoxでなくてもIE6以上で表示できるはずですよね?階層は合ってるはずですし。 HTMLのhead要素内にサイト内のサンプルJavaScriptコードを貼り付けて、 <div><canvas width="400" height="300" id="sample"></canvas></div>をbodyタグに貼り付ければ表示されるはずですよね? それでできないということはおそらくCanvasの読み込みでつまづいているのでしょうか。 そもそもHTML5というもの自体よくわかってないので、もしかしたらHTML5にするためには何かインストールする必要があるのでしょうか?私のHTMLのバージョンすらわからなくなってきました・・・

sei1975
質問者

補足

HTMLについてはjavascript初心者の私には難しすぎるので今回は導入を見送ろうと思っています。 環境のところでつまづいているようではちょっと厳しいかと思ったので‥。 せっかく教えていただいたのに申し訳ありませんが、また機会がありましたら質問させていただきます。 今回は回答ありがとうございました。

関連するQ&A

専門家に質問してみよう