質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

3366閲覧

Chart.jsの応用方法について、教えて下さい

mizutama72

総合スコア31

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2015/05/27 02:03

編集2015/05/27 02:34

お世話になります。
Chart.jsを使用しグラフを描画していますが、応用方法がわかりません。実現可能なのかどうかも含めて、有識者の方教えて頂けないでしょうか。

3.モーダル内に、Chart.jsのグラフは表示可能なのか?
以下のように、モーダル内にChart.jsのスクリプトを書いても、真っ白になってしまいます。

<!------------------- ▼modal start▼------------------> <div class="overlay"></div> <div class="modal" id="modalT" > <script> var lineChartData7 = { labels : ["2007","2008","2009","2010","2011"], datasets : [ { fillColor : "rgba(255,0,0,0.5)", strokeColor : "rgba(255,0,0,1.0)", pointColor : "rgba(255,0,0,1.0)", pointStrokeColor : "rgba(255,0,0,1.0)", data : [50,60,40,80,70], } var chart = new Chart(document.getElementById("line_chart7").getContext("2d")).Line(lineChartData7); </script> <canvas id="line_chart7" height="250" width="500"></canvas> <div class="okBtn"><p class="closeBtn" >OK</p></div> </div> <!------------------- ▲ modal4 end▲------------------>ya

追記:以下は自己解決しました。慌てていました、すみません。
=================================
1.ドーナツグラフで、各色でマウスオーバーした場合、値のラベルが表示されますが、その値以外の表示も可能なのでしょうか?具体的には、[30:項目1]のように、項目1の部分を表示したいです。
→ labelを設定すればできました。

2.レーダーグラフで、グリッドの色の変更方法。実際の値のフィルカラー、ストロークカラー、ポイントカラーは指定していますが、グリッド線の色の変更方法がわかりません。
→ scaleLineColor の指定でできました。
=================================

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

自己解決

結局、モーダル内に表示することができなかったため、別の方法を選択しました。自己解決とします。

投稿2016/05/23 01:51

mizutama72

総合スコア31

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

結局、モーダル内に表示することができなかったため、別の方法を選択しました。自己解決とします。

投稿2016/05/23 01:49

mizutama72

総合スコア31

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

コードを見ると、閉じカッコが足りていないようですが、確認してみましたか?

投稿2015/05/28 02:56

orange0190

総合スコア1698

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

mizutama72

2015/05/31 11:32

ご回答ありがとうございます。 閉じカッコは、こちらの質問にのせる際に抜けてしまったようです。もとの環境ではついており、その状態でもやはり空白で表示されました。 ご連絡が遅くなり申し訳ございません。 他のやり方で実現可能な方法が無いか試行錯誤してみようと思います。
orange0190

2015/06/01 00:20

では、モーダル内にスクリプトを記述するのではなく、要素の読み込みが完了したときにスクリプトを実行するようにしてみてはいかがでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問