Цвет Chart.js не изменяется

Я пытаюсь использовать диаграмму js для создания панели. Я пытаюсь быть с примером, учитывая их начальную страницу. но цвет баров всегда серый. Я знаю, что я пропустил что-то очень тривиальное, но я не могу понять, что. любая помощь будет очень ценитсяЦвет 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>

источник

2016-04-28 imran chowdhury

Просто добавьте backgroundColor в наборе данных, чтобы изменить цвет всех баров.

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

Если вы передаёте массив цветов, он установит планку цвета на панели для набора данных

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

Fiddle - http://jsfiddle.net/L9qsb3h4/ Fiddle (бар в баре) - http://jsfiddle.net/0b98k2g8/

источник

2016-04-28 22:25:31 potatopeelings

Я уже понял это, но спасибо за ответ, тем не менее ... –

Цвет Chart.js не изменяется

ответ

Смежные вопросы