• 締切済み

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

  • 複数の折れ線グラフを同一グラフ内で表示したいのですが

    いいスクリプトが見つからなくて困っています。 折れ線グラフのデータはCGIのスクリプトで抽出するので、それら複数のデータを色分けして折れ線グラフで出力したいのです。 要は各チームの月間順位変動グラフみたいなものを作りたいのです。 http://www.core-p.com/cgi-search/search/search.cgi?cmd=dp&num=971 ここで見つけたJavaScriptをCGI内で利用しよう改造してみたのですが、複数の折れ線グラフの表示ができませんでした(別のグラフの点が表示されるまではいきましたがその点と点を結ぶ線の表示で挫折しました。元々私がJavaScriptに疎いということもありますが)。 何かいい案やいいスクリプトをご存知の方がいらっしゃいましたらご教授お願いします。

    • ベストアンサー
    • CGI
  • エクセル 折れ線グラフ

    エクセルで日々の体重を折れ線グラフでつけてたいのですが、 例えば、  3月1日  3月2日  3月3日  3月4日 52kg    53kg    ナシ     51kg で、3月3日は測定できなくて空欄の場合 3月2日と3月4日を直接、線でつないだグラフにしたいのに、 点と点になってしまいます。 折れ線グラフの種類は、 「データーにマーカーがつけられた折れ線グラフです」 です。 何か解決法をご存知の方、よろしくお願いします。

  • エクセル2003 折れ線グラフの表示について教えて下さい!

    エクセル2003で、縦棒グラフと折れ線グラフの複合グラフを作成しています。 折れ線グラフで、マーカーのみが表示され、線が表示されません。 データ系列の書式設定の中の「パターン」で、線の項目で指定しても表示されない状態です。 棒グラフが2本、折れ線グラフ4本を作成したいのですが、何か問題があるのでしょうか。

  • Excelの折れ線グラフのマーカーを減らす方法

    前に一度間違えて棒グラフとして質問しましたので、修正して再度質問いたします。 Excelで折れ線グラフを作成したとき、マーカーはデータ1個に対して1個付きます。対象データ数が多いときには、このマーカーが短い間隔で出るため、見にくいグラフになってしまいます。 そこで、このマーカーをデータのn個に1個だけとしたい場合には、どのようにすればよいのでしょうか? VBAは使わず、簡単なグラフの設定で変更することはできないでしょうか? (VBAを使う方法はわかっております) 他のグラフ作成ソフトでは、殆どのものがこのようなマーカーを減らすことができるので、多分Excelでも設定方法があると思うのですが、見つけることができませんでした。

  • EXCEL折れ線グラフの線を一気に消したい

    EXCEL2003で折れ線グラフを作成しました。 グラフ上に折れ線が22本(系列が22)あります。 データ系列の書式設定で「線」を「なし」、「マーカー」を「●」にしたいです。 系列を1つ1つ選択して変更するのではなく、一気に変更する方法はありませんでしょうか?

  • 折れ線グラフで項目名と目盛りをそれぞれ飛び飛びに・・・

    エクセルで折れ線を作成しています。 項目軸を0~30(時間)にし、表示項目数を0,10,20,30の4つにしたいのです。 しかし、折れ線グラフのデータは4(時間)、8(時間)、12(時間)、24(時間)のデータのみで、他の時間帯のデータはありません。その場合、どのようにデータ表を作るのでしょうか?データはなくても、項目軸の書式設定で変更できますか? 私は、項目軸を(1,2,3,4,・・・~30)までつくり、データの無い時間帯は空欄にして表を作成し、それをもとにグラフにしたのですが、そうすると、データを入力したマーカーのみ表示されて、折れ線がつながらないグラフとなってしまいます・・・。 近くにわかる人がいないので困っております・・・ 説明不足でもうしわけありませんが、もしおわかりの方がいらっしゃったら教えていただけますか?お願いします。

  • Illustratorで折れ線グラフ

    Illustratorで折れ線グラフを大量(200点以上)に製作しなくてはなりません。1つのグラフに折れ線が8本以上あり、すべての線の色を変えなくてはならないのですが、デフォルトではグレースケールで7色までしか変えられません。8色以上の場合は色が重なってしまうので、色換えをするのに非常に手間がかかります。 また、グラフによっては、何本のも線が重なり合ってしまうので、同じ色の線が重なっていると色を変えていくのに大変です。1つのデータを2回に分けて作る方法以外に、簡単なやり方は無いでしょうか? ちなみに、折れ線の数は最大で15本ぐらいになります。

  • cgiで折れ線グラフを表示するには

    perl cgiとsqlite3を使って、データ管理をしています。 データベースから取り出した経時的データを現在はテーブルでhtmlに表示しています。 これを折れ線グラフにできれば助かるのですが、どうすればよいでしょうか? 本やサイトの推薦でも結構ですので、ご指導ください。

    • ベストアンサー
    • CGI
  • エクセルにて、一部のデータが無い折れ線グラフについて

    エクセルにて、一部のデータが無い折れ線グラフについて 1 2 4 3 折れ線1 2   5 6 折れ線2 上記のように折れ線2のデータが一部無い場合、点と点を線で結ぶ形式を選んでも、数字2と数字5の間の線は描かれません。 これを何とか手書きではなく、自動で書く方法は無いでしょうか?

  • エクセルのグラフで

    エクセルで折れ線グラフ(散布図)を書いているのですが、今、プロットするデータが5000個あり、それら全てを線で繋いで、全ての点にマーカーを付けるのではなく100個ずつつけたりするのはどうすればいいのでしょうか?