chart.jsの多重円グラフで系列表示について
chart.jsを使いグラフを作る方法を最近学び始めたものです。基本的なものはなんとなく出来たのですが、今回多重円グラフに作るための系列の設定につて行き詰まっています。下記のコードで多重円は出来たのですが、系列を凡例として表示させる方法がわかりません。
<script>
var ctx = document.getElementById("myPieChart");
var myPieChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ['1月','2月','3月','4月','5月','6月','7月'],
datasets: [
{label:'仙台' ,data: [320000,590000,400000,420000,380000,250000,420000],},
{label:'札幌' ,data: [520000,450000,380000,280000,590000,400000,530000],},
{label:'渋谷' ,data: [650000,230000,480000,600000,620000,700000,760000],},
]
},
options: {
title: {
display: true,
text:''
},
legend: { // 凡例
display: true, // 表示の有無
position: 'top' // 表示位置
}
},
plugins: {
colorschemes: {
scheme: 'office.Red6'
}
}
});
</script>
1月、2月等は凡例として上部に出ているのですが、仙台、札幌等の系列名を同様に出しクリックで円を消したり表示したりするようにしたいのです。系列名だけ表示されていてこれが出来るサンプルがあったのですがコードまでの説明がありませんでした。
多重円の中から任意の円を非表示、表示させるコードをご教授願います。
補足
http://www3.bpe.es.osakau.ac.jp/~asai/hsatolab/s1/ さるじけ というホームページです。 この自己共分散関数のところで、グラフが減衰している ことがわかると思います。 僕が気温のデータでやったときも同じグラフに なりました。 この理由がわかりません・・・。