Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用chart.js为每个组创建带有组和sam颜色的条形图?_Javascript_Jquery_Charts_Chart.js_Bar Chart - Fatal编程技术网

Javascript 如何使用chart.js为每个组创建带有组和sam颜色的条形图?

Javascript 如何使用chart.js为每个组创建带有组和sam颜色的条形图?,javascript,jquery,charts,chart.js,bar-chart,Javascript,Jquery,Charts,Chart.js,Bar Chart,我想使用chart.js创建一个条形图,但我需要这样一个图表,这意味着每个组有一种颜色。请帮忙 完成 datasets: [{ label: '', data: [...Array(160)].map(e => ~~(Math.random() * 160)), backgroundColor: ['#E07A5F','#81B29A','#3D405B'], borderWidth: 1 }, {

我想使用chart.js创建一个条形图,但我需要这样一个图表,这意味着每个组有一种颜色。请帮忙

完成

datasets: [{
        label: '',
        data: [...Array(160)].map(e => ~~(Math.random() * 160)),
        backgroundColor: ['#E07A5F','#81B29A','#3D405B'],
        borderWidth: 1
      },
      {
        label: '',
        fontSize: 40,
        data: [...Array(160)].map(e => ~~(Math.random() * 160)),
        backgroundColor: ['#E07A5F', '#81B29A', '#3D405B'],
        borderWidth: 1
      },
      {
        label: '',
        fontSize: 40,
        data: [...Array(160)].map(e => ~~(Math.random() * 160)),
        backgroundColor: ['#E07A5F', '#81B29A', '#3D405B'],
        borderWidth: 1
      },
      {
          label: '',
          fontSize: 40,
          data: [...Array(160)].map(e => ~~(Math.random() * 160)),
          backgroundColor: ['#E07A5F', '#81B29A', '#3D405B'],
          borderWidth: 1
        },
        {
          label: '',
          fontSize: 40,
          data: [...Array(160)].map(e => ~~(Math.random() * 160)),
          backgroundColor: ['#E07A5F', '#81B29A', '#3D405B'],
          borderWidth: 1
        }

      ]