2016-04-28 20 views
0

ダッシュボードの作成にチャートjを使用しようとしています。私は彼らの始めのページを与えられた例であることを試みています。バーの色は常にグレーです。私は何か非常に些細な行方不明だが、私は何を理解することはできません知っている。すべてのヘルプは非常ただ、すべてのバーの色を変更するには、データセットにbackgroundColorを追加Chart.jsの色が変更されない

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title></title> 
 
    <script src="Scripts/jquery-1.10.2.js"></script> 
 
    <script src="Scripts/Chart.js"></script> 
 

 
    <script type="text/javascript"> 
 
     $(document).ready(function() { 
 
      //var ctx = $("#myChart"); 
 
      var ctx = document.getElementById("myChart"); 
 
      var myChart = new Chart(ctx, { 
 
       type: 'bar', 
 
       data: { 
 
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
 
        datasets: [{ 
 
         label: '# of Votes', 
 
         data: [12, 19, 3, 5, 2, 3] 
 
        }] 
 
       }, 
 
       options: { 
 
        scales: { 
 
         yAxes: [{ 
 
          ticks: { 
 
           beginAtZero: true 
 
          } 
 
         }] 
 
        } 
 
       } 
 
      }); 
 
     }); 
 
    </script> 
 
</head> 
 
<body> 
 
    <canvas id="myChart" width="400" height="400"></canvas> 
 

 
</body> 
 
</html>

答えて

0

を理解されるであろう。

... 
backgroundColor: 'rgba(121, 121, 255, 0.2)', 
... 

あなたはそれを色の配列を渡すと、それは

... 
backgroundColor: ['rgba(121, 121, 255, 0.2)', 'rgba(255, 121, 121, 0.2)',... ], 
... 

フィドルデータセットのバーでカラーバーを設定します - http://jsfiddle.net/L9qsb3h4/ フィドル(バーによってバー) - http://jsfiddle.net/0b98k2g8/

+0

私はすでにそれを理解しました...しかし、答えに感謝しています... –

関連する問題