chartjs-plugin-colorschemes #3

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chartjs-plugin-colorschemes.min.js"></script>
<canvas id="myChart1"></canvas>
<canvas id="myChart2"></canvas>

JavaScript

Chart.defaults.global.plugins.colorschemes.scheme = 'brewer.Spectral5';

var ctx1 = document.getElementById('myChart1').getContext('2d');
var chart1 = new Chart(ctx1, {
  type: 'bar',
  data: {
    datasets: [1, 2, 3, 4].map(function(i) {
      return {
        label: 'Dataset ' + i,
        data: [0, 1, 2].map(function(x) {
          return {x: x, y: Math.random()};
        }),
        showLine: true,
        fill: false
      };
    })
  }
});

var ctx2 = document.getElementById('myChart2').getContext('2d');
var chart2 = new Chart(ctx2, {
  type: 'bar',
  data: {
    datasets: [1, 2, 3, 4].map(function(i) {
      return {
        label: 'Dataset ' + i,
        data: [0, 1, 2].map(function(x) {
          return {x: x, y: Math.random()};
        }),
        showLine: true,
        fill: false
      };
    })
  }
});