お世話になります。
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 の指定でできました。
=================================
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。