チャートの出力について困ってます

kintone カスタマイズ
1

恐れ入ります、Chart.jsを自分のHPに出力結果させようとしています。
以下のようにtest1.html～test3.htmlを実験したのですが、test3だけうまくいきません。
test3.htmlはiQeryでアコーディングを利用していて、項目2に出力させたいです。
どのようにすればtest3.htmlで、test1とtest2のようにグラフを出力させることができるかわかる方がいましたら教えて頂けないでしょうか？
どうぞ、よろしくお願い致します。

１．以下、test1.htmlです。
<html>
<head>
<title>文字列や数字を表示させる</title>

<script language=“JavaScript”><!–

document.write(100); // 数字を表示する場合
document.write(“<br>”); // <br>は改行を表すHTMLタグです
document.write(1+2+3); // 計算式を入れるのもＯＫ！
document.write(“<br>HTMLタグを書き込むことも可能<br><font color=‘#ff0000’><small>(・ω・；)</small></font>”)
// 「“」の間では「”」を使えないので「'」を使います

// –></script>

</head>
<body>
</body>
</html>

２．以下、test2.htmlです。
<!DOCTYPE html>
<html lang=“ja”>
<head>
<meta charset=“utf-8”>
<title>Canvasの練習</title>
</head>
<body>
<h1>Canvasの練習</h1>
<canvas id=“mycanvas” width=“400” height=“200”>
Canvasに対応したブラウザを使ってください。
</canvas>
<script src=“mycss.js”></script>
<script src=“…/Chart.js”></script>
<meta name = “viewport” content = “initial-scale = 1, user-scalable = no”>
<style>
canvas{
}
</style>
</head>
<body>
<div style=“width:30%”>
<canvas id=“canvas” height=“450” width=“450”></canvas>
</div>

<script>
var radarChartData = {
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [65,59,90,81,56,55,40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(151,187,205,0.2)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            data: [28,48,40,19,96,27,100]
        }
    ]
};

window.onload = function(){
    window.myRadar = new Chart(document.getElementById("canvas").getContext("2d")).Radar(radarChartData, {
        responsive: true
    });
}

</script>

</body>
</html>

３．以下、test3.htmlです。
<!doctype html>
<html lang=“ja”>
<head>
<link rel=“stylesheet” href=“css/mobile.css” type=“text/css”>
<meta charset=“utf-8” />
<title>jQuery UI Accordion - No auto height</title>
<link rel=“stylesheet” href=“http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css” />

<!–[if IE]><script type=“text/javascript” src=“excanvas.js”></script><![endif]–>
<script src=“chart/Chart.js”></script>

<script src=“http://code.jquery.com/jquery-1.8.3.js"></script>
<script src=“http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel=“stylesheet” href=”/resources/demos/style.css” />
<script>
$(function() {
$( “#accordion” ).accordion({
heightStyle: “content”
});
});
</script>

</head>
<body>
<div id=“accordion”>
<h3>項目1です</h3>
<div>
<ul>
<li>リスト項目</li>
</ul>
</div>
<h3>項目2です</h3>
<div>
</div>
<h3>項目3です</h3>
<div>
<ul>
<li>リスト項目</li>
</ul>
</div>
</div>
</body>
</html>