chart.js - 円グラフですべてのデータが表示されない

Question

いくつかの値を円の形で表示するグラフを作成したいと思います。そのために私は図書館chart.jsを取った。

$(function(){ 
 
    var ie = 12, 
 
\t firefox = 7, 
 
\t chrome = 15, 
 
\t safari = 13, 
 
\t opera = 4, 
 
\t chart = $('#chart')[0]; 
 
    
 
    var charObj = new Chart(chart, { 
 
\t data: { 
 
\t  datasets: [{ 
 
\t \t data: [ 
 
\t \t  firefox, 
 
\t \t  safari, 
 
\t \t  ie, 
 
\t \t  opera, 
 
\t    chrome 
 
\t \t ], 
 
\t \t backgroundColor: [ 
 
\t \t \t "#FF6384", 
 
\t \t \t "#4BC0C0", 
 
\t \t \t "#FFCE56", 
 
\t \t \t "#000", 
 
\t \t \t "#36A2EB" 
 
\t \t ], 
 
\t \t label: 'Browser' // for legend 
 
\t }], 
 
\t \t labels: [ 
 
\t \t \t "Firefox", 
 
\t \t \t "Safari", 
 
\t \t \t "Internet Explorer", 
 
\t \t \t "Opera", 
 
\t \t \t "Chrome" 
 
\t \t ] 
 
\t }, 
 
\t type: 'polarArea' 
 
\t }); 
 
    
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.bundle.min.js"></script> 
 
<canvas id="chart" width="700px" height="700px"></canvas>

を私のオペラ値が表示されていないのはなぜ？：しかし、何かが間違っ

私はJS-コードを以下ましたがありますかOperaを（凡例で）クリックすると、Firefoxの値がグラフに表示されなくなります。

Answer 1

あなたのバージョンのchart.jsにいくつかのバグがあるようです。最新バージョンを使用してみてください。 jsfiddleの例。 chart.jsの現在のバージョンは2.5.0です。

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.min.js"></script