レーダーチャートを動的に作成したい

Question

こちらのサイト(http://www.html5.jp/library/graph_radar.html)を参考に、カスタムフィールドの値を取得して動的にレーダーチャートを作成しようとしたのですが、値が取得できず、グラフも作成されません。

<script type="text/javascript" src="../js/html5jp/graph/radar.js"></script>
<?php
//値
$value1 = 0;
$value2 = 0;
$value3 = 0;
$value4 = 0;
$value5 = 0;
if(get_field('chart1')){
    $value1 = get_field('chart1');
};
if(get_field('chart2')){
    $value1 = get_field('chart2');
};
if(get_field('chart3')){
    $value1 = get_field('chart3');
};
if(get_field('chart4')){
    $value1 = get_field('chart4');
};
if(get_field('chart5')){
    $value1 = get_field('chart5');
};
//ラベル
$label1 = get_field('chart1');
$label2 = get_field('chart2');
$label3 = get_field('chart3');
$label4 = get_field('chart4');
$label5 = get_field('chart5');
?>
<script type="text/javascript">
window.onload = function() {
  var rc = new html5jp.graph.radar("sample");
  if( ! rc ) { return; }
  var items = ["商品A", $value1, $value2, $value3, $value4, $value5];
  var params = {
    aCap: [$label1, $label2, $label3, $label4, $label5]
  }
  rc.draw(items, params);
};
</script>
<div><canvas width="400" height="300" id="sample"></canvas></div>

このようなことを実装されている方がいればアドバイスをお願いいたします

Answer 1

このやり方ではないですが、Chart.jsというもので実装できました。