###前提・実現したいこと
HTML5のcanvas機能を使って、レーダーチャートを作成し、
javascript内に書いているチャートの値を、WordPressのカスタムフィールドで制御したい。
###試したソースコード
下記サイトを参考にレーダーチャートの実装まではできました。
https://liginc.co.jp/designer/archives/6023
<style media="screen"> #graph { width : 600px; height: 400px; margin: 20px auto; } .graph-title { font-size:16px; font-weight:bold; text-align:center; margin:50px 0 0; } </style> <script src="http://liginc.co.jp/demo/2012/06/flotr2/js/flotr2.min.js"></script> <div id="graph"></div> <script type="text/javascript"> (function basic_radar(container) { var s1 = { label: "戦士", data: [ [0, 5], [1, 1], [5, 3] ] }, s2 = { label: "魔法使い", data: [ [0, 1], [1, 5], [5, 3] ] }, s3 = { label: "盗賊", data: [ [0, 3], [1, 3], [5, 3] ] }, graph, ticks; ticks = [ [0, "力"], [1, "魔力"], [2, "素早さ"], ]; graph = Flotr.draw(container, [s1, s2, s3], { radar: { show: true }, grid: { circular: true, minorHorizontalLines: true }, yaxis: { min: 0, max: 5, minorTickFreq: 1 }, xaxis: { ticks: ticks } }); })(document.getElementById("graph")); </script>
###問題点
javascriptで書いている[〇, 〇]の値を、カスタムフィールドで制御できるように変更したいのですが、実装方法がわかる方はいらっしゃいますでしょうか。
var s1 = { label: "戦士", data: [ [0, 5], [1, 1], [5, 3] ] }