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

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

Chart.js 雷達(dá)圖刻度隱藏在圖表后面

Chart.js 雷達(dá)圖刻度隱藏在圖表后面

是否可以將 Chart.js 雷達(dá)圖的“刻度”帶到前臺(tái),以便它們位于圖表本身的頂部?我在官方文檔中沒(méi)有看到與此問(wèn)題相關(guān)的任何內(nèi)容。呈現(xiàn)這個(gè)的方法:const chart = new Chart(ctx, {  type: 'polarArea',        data: {    labels: ['Silver', 'Palladium', 'Platinum', 'Gold'],    datasets: [      {        label: 'Points',        pointRotation: 45,        backgroundColor: [          color(this.chartColors.grey).rgbString(),          color(this.chartColors.green).rgbString(),          color(this.chartColors.blue).rgbString(),          color(this.chartColors.yellow).rgbString(),        ],        data: [0, 0, 0, 0],        borderWidth: 0,        pointBackgroundColor: 'rgba(0, 0, 0, 1)'      }    ],  },  options: {    responsive: true,    animation: {      animateRotate: true    },    layout: {      padding: {          left: 0,          right: 0,          top: 0,          bottom: 0      }    },    scale: {      ticks: {        fontColor: '#000000',        mirror: true,      }    },    legend: {      position: 'top'    },  }});一種解決方法是使這些填充顏色透明,如下所示:color(this.chartColors.yellow).alpha(0.5).rgbString(),......這樣滴答聲就會(huì)在某種程度上可以接受地看到。但是,我寧愿讓它們完全飽和。在此先感謝您的任何建議。
查看完整描述

1 回答

?
MMTTMM

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

您可以按照此處記錄scale.ticks.z的那樣定義該選項(xiàng)。

scale: {

  ticks: {

    ...

    z: 1

  }

},

刻度層的 z-index。在圖表區(qū)域繪制刻度時(shí)很有用。值 <= 0 繪制在數(shù)據(jù)集下方,> 0 繪制在頂部。


請(qǐng)?jiān)谙旅娌榭茨薷暮蟮拇a:


const chart = new Chart('myChart', {

  type: 'polarArea',

        data: {

    labels: ['Silver', 'Palladium', 'Platinum', 'Gold'],

    datasets: [

      {

        label: 'Points',

        pointRotation: 45,

        backgroundColor: ['grey', 'green', 'blue', 'yellow'],

        data: [3, 4, 8, 9],

        borderWidth: 0,

        pointBackgroundColor: 'rgba(0, 0, 0, 1)'

      }

    ]

  },

  options: {

    responsive: true,

    animation: {

      animateRotate: true

    },

    layout: {

      padding: {

          left: 0,

          right: 0,

          top: 0,

          bottom: 0

      }

    },

    scale: {

      ticks: {

        fontColor: '#000000',

        mirror: true,

        z: 1

      }

    },

    legend: {

      position: 'top'

    }

  }

});

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

<canvas id="myChart" height="100"></canvas>


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

添加回答

舉報(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)