レーダーチャートを試してみる (1)

Chart.js | Open source HTML5 Charts for your website
から、Chart.min.jsを入手して、あれこれ触ってみる。

ドキュメントをきちんと読もう！

---

レーダーチャート (1) | Chart.js

• チャート上の点にマウスをもっていくと、ツールチップが表示される→ヤダ
• チャート上の点が薄く表示されている→ヤダ

Chart.defaults.global.tooltips.enabled = false;
Chart.defaults.global.elements.point.radius = 0;

• チャート上部にある凡例のフォントのサイズと色を変えたい
• 目盛りの最小値・最大値・値の間隔が自動計算されてしまうので、指定したい
• 目盛り線の色を指定したい
• 項目名のフォントのサイズと色を変えたい

var options = {
    legend: {labels: {fontSize: 16, fontColor: "#333333"}}, 
    scale: {
        ticks: {min: 0, max: 5, stepSize: 1, display: false}, 
        angleLines: {color: '#CCCCCC', lineWidth: 1}, gridLines: {color: '#CCCCCC', lineWidth: 1}, 
        pointLabels: {fontSize: 16, fontColor: "#333333"}
    }
};