char.jsのレーダーチャート

Question

chart.jsを使ってレーダーチャートを作っているのですが、上手くいきません。
サイズを height,width：４００pxで指定したいです。どなたか教えてください。

HTML

<section class="container-s"> <div class="chart"　style="position: relative; height:400; width:400"> <canvas id="myChart" width=“300px” height=“300px”></canvas> </div> </section>

JavaScript

// 色の設定
var colorSet = {
red: 'rgb(255, 99, 132)',
orange: 'rgb(255, 159, 64)',
yellow: 'rgb(255, 205, 86)',
green: 'rgb(75, 192, 192)',
blue: 'rgb(54, 162, 235)',
purple: 'rgb(153, 102, 255)',
grey: 'rgb(201, 203, 207)',
brack: "rgb(0,0,0)"
};

// 乱数生成(0～100)
var rnd100 = function(){
return Math.round(Math.random() * 100);
};

// 色のRGB変換
var color = Chart.helpers.color;

/*

• チャートの初期設定

*/
var config = {
type: 'radar',
data: {
labels: ["HTML", "CSS", "JavaScript", "jQuery", "WordPress", "PHP"],
datasets: [{
backgroundColor: color(colorSet.red).alpha(0.5).rgbString(),
borderColor: colorSet.red,
pointBackgroundColor: colorSet.red,
data: [3, 3, 2, 2, 1, 1]
},]
},
options: {
animation:false,
showTooltips: false,
legend: { position: 'bottom' },
scale: {
display: true,
pointLabels: {
fontSize: 15,
fontColor: colorSet.black
},
ticks: {
display: true,
fontSize: 12,
fontColor: colorSet.green,
min: 0,
max: 4,
beginAtZero: true
},
gridLines: {
display: true,
color: colorSet.grey
}
}
}
};

var myRadar = new Chart($("#myChart"), config);

Answer 1

<div class="chart"　style="position: relative; height:400; width:400">
________________ **↑**ここが全角スペースになっている

半角スペースにしてください

<canvas id="myChart" width=“300px” height=“300px”></canvas>

“300px”　“300px”
全角 ダブルクォーテーションになっている
半角にしてください

Comments

[zynu]

ありがとうございます。
そこと、javaに　$('#myChart').removeAttr("style");　の記述を足すことで解決しました。