• 締切済み

動くグラフ

こんにちは 下記サイトを参考にして動くグラフを作成しておりましたが 自分の作成しているページでは、divが多数ある為か 表示はされますが、動作しません 何か代替えの方法などありますでしょうか また、順位毎にバーの色を変更したいのですが どうすればよいでしょうか、よろしくお願いいたします。 http://www9.plala.or.jp/oyoyon/html/script/graph.html

みんなの回答

回答No.1

DIVの代わりにh6とか使ってみたらどうでしょうか。 おかしな感じしますが。 バーの色はclassを使ってそこで設定すればいいんじゃないでしょうか。 どっちも横着な感じですいません。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JpGaph + Ajaxでグラフを疑似ウィンドウで表示したい

    最近Ajaxを始めました。 PHP　jpgraphで作成したグラフを、Ajaxで疑似ウィンドウ的に表示したいです。 graph.phpで生成したグラフを<div="graph"></div>に 埋め込む感じで、下記のようなスクリプトを書いてみました。 しかし当然バイナリデータなので、期待するような形で表示されてくれません。 どうしたらいいのか皆目検討がつかず、困っています。 ご存じの方、どうぞよろしくお願いいたします。 <html> <head> <script src="../../js/prototype.js" type="text/javascript"></script> <script type="text/javascript"> function showGraph(){ uri = "graph.php"; options = {onComplete: function(req){$("graph").innerHTML=req.responseText;}}; new Ajax.Request(uri, options); } </script> </head> <body> <input type="button" value="click" onClick="showGraph()"> <div id="graph"></div> </body> </html>

    • ベストアンサー
    • PHP
  • １つのグラフ内で複数の折れ線グラフを描きたい

    ネット上でダウンロードしたスクリプトに手を加えて１つのグラフ内に複数の折れ線グラフを詰め込むプログラムを作っているのですが、私は初心者なのでなかなかうまくいきません。 http://park15.wakwak.com/~akutagawa/graph/graph.htm こんな風にもう一つの折れ線グラフのデータをマーカーとラインで表示するところまではできているのですが、もう１つのデータの点と点を線で結ぶというところでつまづいています。 どうか助けていただけませんでしょうか？ graph-line.jsのソースは以下の様になってます。 http://park15.wakwak.com/~akutagawa/cgi-bin/graph-line-js.cgi (一部半角の<divを全角の＜divにしてます)

  • ひとつのHTMLファイル内にcanvasでグラフを2つ表示したいのです

    ひとつのHTMLファイル内にcanvasでグラフを2つ表示したいのですが 表示できなくて困っています。 以下のサイトを参考に、それぞれ1つのファイルに1つのグラフを表示はできました。 http://www.html5.jp/library/index.html また、グラフを上下入れ替えると後に書いたほうが有効になるようです。 どうしたら表示できるようになるか、わかる方アドバイスをお願いします。 以下headタグ以降をそのまま引用です。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja"/> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>グラフ</title> <link href="sample_graph.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="rendering-mode.js"></script> <!--[if IE]><script type="text/javascript" src="./html5jp/excanvas/excanvas.js"></script><![endif]--> <script type="text/javascript" src="./html5jp/graph/circle.js"></script> <script type="text/javascript" src="./html5jp/graph/radar.js"></script> <script type="text/javascript"> window.onload = function() { var rc = new html5jp.graph.radar("sample_radar"); if( ! rc ) { return; } var items_radar = [ ["商品A", 3, 3, 2, 3, 1] ]; var params_radar = { aCap: ["A", "B","C", "D", "E"], aMax: 3, aMin: 0, legend: false } ; rc.draw(items_radar, params_radar); }; </script> <script type="text/javascript"> window.onload = function(){ var cg = new html5jp.graph.circle("sample_circle"); if( ! cg ) { return; } var items1 = [ ["A", 9, ], ["B", 3, ], ["C", 0,] ]; cg.draw(items1); }; </script> </head> <body> <div><canvas width="300" height="200" id="sample_radar"></canvas></div> <div><canvas width="300" height="200" id="sample_circle"></canvas></div> </body> </html>

  • グラフ作成ソフトを教えてください

    　グラフ作成ソフトを探そうと思い、Googleで「グラフ作成ソフト」を調べた結果、たくさん出てきました。 　例　BearGraph 、Graph Mate 、数関計with Graph ・・・など　どれが使いやすいかよくわかりませんでした。 　フリーソフトで下記のグラフを作成するのに使いやすいソフトを教えてください。　 　特に作成したいグラフは 　(1)２次元（ｘ，ｙ）の高次関数（プラス、マイナス）グラフ（±５次関数程度で十分です） 　(2)三角関数グラフ 　(3)３次元グラフ（ｘ，ｙ，ｘ） 　(4)対数グラフ 　(5)あれば　他の使いやすい座標系 のグラフが、３つ以上（例えば三角関数であれば同時に３種類F1(θ）、F2(θ）、F3(θ）・・・が表示できるようなものを探しています。

  • スクリプトを探しています

    http://fps01.plala.or.jp/~azagiza/ のページの「ＰｉｃｋＵｐ」で使われているようなスクリプトを探しているのですが。。。 ご存じのかた、教えてください。

  • VB6でグラフを表示する方法

    みなさん教えてください。 今ＶＢ６で、下記のようにグラフを表示するソフトを作成しています。 (1)Text1、Text2、Text3に数値を入力する (2)(1)後「グラフ作成」ボタンを押すと、入力値がテキストファイル「data.txt」に書き出される。 (3)(2)後、赤枠エリアに例のようなグラフ(折れ線グラフ)が作成される →「PictureBox」か「Microsoft Graph 10.0 Object Library」を用いて、エクセルで表示するようなグラフを作成したい 上記(1)～(3)のような動きをするソフトを作成しているのですが、(2)の段階で苦戦しています。悩んでいます。 みなさん、よいアドバイスを頂けないでしょうか。 サンプル構文をのせて頂けたらうれしいです。 よろしくお願い致します。

  • インラインフレームについて

    ホームページビルダー10で、下記のようなページのインラインフレームを作りたいと思っています。 小窓のフレームです。 また、下記のようなページの表で囲ったデザインはどうすればできますか??? http://academic4.plala.or.jp/gojome/

  • グラフの系列値が勝手に書き換わってしまいます。

    質問を見て頂きありがとうございます。 環境はOS：Windows7、Excel：2007を使用しています。 現在、グラフを表示する「Graph」シートと グラフに使用するデータを格納する「Data」シート(※1)を作成し グラフの系列値の範囲を可変にしたグラフを作成しようとしています。 系列値の範囲を可変にするため、「Data」シートに定義名：項目1(※2)を作成し、 グラフの系列値に「=Data!項目1」と設定しています。 エクセルを閉じる前はこちらの想定通りの動作になっているのですが、 エクセルを閉じて再度開くとグラフの系列値が「=[0]!項目1」と 自動で書き換わってしまいます。 系列値が「=[0]!項目1」に代わってしまうと定義名：項目1の参照範囲のセルに 値を入力しても「Graph」シートのグラフに反映されなくなります。 この現象を回避する方法があれば教えて頂けないでしょうか。 よろしくお願いします。 (※1) 「Data」シートのC5～C1000に系列値が入力されます。 系列値はC5～C1000までに1～ｎ個入力されることを想定しています。 (※2) 定義名：項目1の参照範囲は以下のように設定しています。 =OFFSET(Data!$C$5,0,0,COUNTA(Data!$C$5:$C$1000),1)

  • 普通免許所持者の小型特殊取得の可否について

    表題のとおりなのですが、下記ページを見ると可能のように書いてあります。 http://www11.plala.or.jp/kurikonto/newpage011.htm 実際にはどうなのでしょうか？お教えください。

  • plalaから変なメール

    教えてください。 最近、plalaから下記の件名と内容のメールが来るようになったのですが、分かる人が居ましたら教えてください。 差出人はi.*******@silver.plala.or.jpでしてた。 １件目：＝＝＝＝＝＝＝＝＝＝＝－ 件名；plala.or.jpのように 内容；plala.or.jpをご利用いただきありがとうございます アカウントにセキュリティ上の問題があります。 はい、電子メールの自動開封が48時間以内に確認されない場合は、電子メールの送受信によってブロックされます 次の認証plala.or.jpページで問題を解決する必要があります。 このリンクをここにコピーして貼り付けると、アカウントにログインして問題を解決できます。 http://werco.nz/plalawebmail/*****.*** plala.or.jpをご利用いただきありがとうございます ２件目；～～～～～～～～～～～～～～～～～～～～ 件名；plala.or.jpをご利用いただきありがとうござ 内容；plala.or.jpをご利用いただきありがとうございます アカウントにセキュリティ上の問題があります。 はい、電子メールの自動開封が48時間以内に確認されない場合は、電子メールの送受信によってブロックされます 次の認証plala.or.jpページで問題を解決する必要があります。 このリンクをここにコピーして貼り付けると、アカウントにログインして問題を解決できます。 http://morganmaurer.com.au/plalawebmail/*****.*** plala.or.jpをご利用いただきありがとうございます

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する