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

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

使用 Chart.js 更改度量單位的顏色

使用 Chart.js 更改度量單位的顏色

倚天杖 2022-01-01 20:28:02
我正在使用 Chart.js 創(chuàng)建一個(gè)條形圖。購(gòu)物車(chē)后面是深綠色背景,因此很難看到顯示在 y 和 x 軸上的黑色數(shù)字。這是我生成圖表的方式:document.getElementsByClassName("home-message")[0].innerHTML='<canvas id="myChart" width="400" height="400"></canvas>'var ctx = document.getElementById('myChart').getContext('2d');var myChart = new Chart(ctx, {    type: 'bar',color: 'white',    data: {        labels: ['Bar', 'Mensa', 'Ingresso'],        datasets: [{            label: 'Prodotti venduti',            borderColor: 'rgba(255, 255, 255)',            data: [551, 1470, 2354],            backgroundColor: [                'rgba(255, 99, 132)',                'rgba(54, 162, 235)',                'rgba(255, 206, 86)'            ],            borderWidth: 1        }]    },    options: {        scales: {yAxes: [{ticks: {beginAtZero: true}}]},        legend: {display: false, labels: {fontColor: 'white'}},        title: {display: true,text: 'Custom Chart Title'}    }});我查看了有關(guān)如何自定義圖表的Chart.js 頁(yè)面,但我沒(méi)有找到任何可以更改這些數(shù)字顏色的內(nèi)容。 如果您不知道我在說(shuō)什么數(shù)字,請(qǐng)查看此圖片有沒(méi)有辦法將這些數(shù)字的顏色更改為白色?
查看完整描述

2 回答

?
一只名叫tom的貓

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

您可以更改圖表多個(gè)部分的顏色:


GridLines(圖表中的垂直或水平線):


gridLines: { 

  color: '#5555ff'

}

蜱(你說(shuō)的數(shù)字):


ticks: {

  fontColor: '#5555ff'

},

ScaleLabels(軸的名稱及其值):


scaleLabel: {

  fontColor: '#5555ff'

}

這些都是您可以在軸的選項(xiàng)中指定的選項(xiàng)。


options: {

  scales: {

    xAxes: [{

      // You insert the above code here

    ]}

  }

}

編輯:這是我用我使用的代碼描述的選項(xiàng)的圖片:

http://img1.sycdn.imooc.com//61d048fc0001373608040802.jpg

xAxes: [{

  ticks: {

    fontColor: 'red'

  },

  gridLines: {

    color: 'blue'

  },

  scaleLabel: {

    display: true,

    labelString: 'Employee',

    fontSize: 20.0,

    fontColor: 'green'

  }

}]


查看完整回答
反對(duì) 回復(fù) 2022-01-01
?
慕娘9325324

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

試試這個(gè)


...

options: {

   scales: {

          yAxes: [{gridLines: { color: "#ffffff" },

                   scaleLabel: {

                            display: true,

                            fontColor:'#ffffff',

                            fontSize:12

                        },}]

          }

}

..


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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