第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

定期更改同一數(shù)據(jù)集的某些條形的顏色 Chartjs

定期更改同一數(shù)據(jù)集的某些條形的顏色 Chartjs

動(dòng)漫人物 2022-09-29 10:19:45
我正在嘗試在我的條形圖上每五個(gè)條形更改同一數(shù)據(jù)集的兩個(gè)條形的顏色。我想要這樣的東西:紅色紅色藍(lán)色藍(lán)色藍(lán)色藍(lán)色紅色紅色藍(lán)色...目前我有以下代碼:    var chart = new Chart(ctx, {    type: 'bar',    data: {        labels: labels,        datasets: [{            label: 'dataset1',            fill: false,            // i want this to be red 2 times every 5 bars            backgroundColor: 'rgb(255,204,100)',            borderColor: 'rgb(255,204,100)',            hoverBackgroundColor: 'rgb(156,94,0)',            hoverBorderColor: 'rgb(156,94,0)',            data: data        } ]    },    options: {        responsive: true        //more code...    }});
查看完整描述

1 回答

?
湖上湖

TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊

您可以只設(shè)置為與條形圖數(shù)據(jù)具有相同長度的顏色數(shù)組。backgroundColor


例如:


const config = {

  type: 'bar',

  data: {

    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

    datasets: [

      {

        label: 'Dataset 1',

        backgroundColor: ['red', 'red', 'blue', 'blue', 'blue', 'red', 'red'],

        borderWidth: 1,

        data: [-3, 30, -10, 33, -9, 14, -11],

      }

    ],

  },

  options: {

    legend: {

      display: false

    }

  }

};


const ctx = document.getElementById('canvas').getContext('2d');

new Chart(ctx, config);

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

<body>

    <canvas id="canvas" width="600" height="400"></canvas>

</body>


查看完整回答
反對(duì) 回復(fù) 2022-09-29
  • 1 回答
  • 0 關(guān)注
  • 51 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)