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

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

圖表 JS 不顯示數(shù)據(jù)

圖表 JS 不顯示數(shù)據(jù)

慕雪6442864 2023-10-14 17:04:31
嘿伙計(jì)們,我用一些數(shù)據(jù)制作了條形圖,當(dāng)我查看它時(shí),它只顯示第一個(gè)條形圖,第二個(gè)條形圖向下......并且不知道為什么。嘗試更改數(shù)據(jù),但仍然沒有發(fā)生任何事情......所以數(shù)據(jù)并不重要,我看了文檔,沒有發(fā)現(xiàn)任何問題var optionsTwo = {  type: 'bar',  data: {    labels: ["Label1", "Label2"],    datasets: [{        data: [45000],        label: "Label",        backgroundColor: "#3e95cd",              }, {         data: [40000],        label: "Label2",        backgroundColor: "#8e5ea2",              }, ]  },  options: {        legend: {            display: true,            position: "bottom",            labels: {                fontColor: 'rgb(0, 0, 0)'            }        }    }}var ctxOne = document.getElementById('bar-chart').getContext('2d');new Chart(ctxOne, optionsTwo);<link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.css" rel="stylesheet"/><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script>        <div class="chart-second" style=" height: 80vh; margin: 0 auto;">          <div class="chart-wrapper">                                    <canvas id="bar-chart"              width="400"              height="400"              aria-label="Chart"              role="img"                          ></canvas>          </div>                   </div>
查看完整描述

1 回答

?
九州編程

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

這是工作代碼。


var optionsTwo = {

  type: 'bar',

  data: {

    //labels: ["Label1", "Label2"],

    labels: ["the labels"],

    datasets: [{

      data: [45000],

      label: "Label 1",

      backgroundColor: "#3e95cd",


    }, {

      data: [40000],

      label: "Label 2",

      backgroundColor: "#8e5ea2",


    }, ]

  },

  options: {


    legend: {

      display: true,

      position: "bottom",

      labels: {

        fontColor: 'rgb(0, 0, 0)'

      }

    },

    scales: {

      yAxes: [{

        ticks: {

          beginAtZero: true

        }

      }]

    }

  }

}

var ctxOne = document.getElementById('bar-chart').getContext('2d');

new Chart(ctxOne, optionsTwo);

<link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.css" rel="stylesheet" />

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

<div class="chart-second" style=" height: 80vh; margin: 0 auto;">

  <div class="chart-wrapper">



    <canvas id="bar-chart" width="400" height="400" aria-label="Chart" role="img"></canvas>

  </div>


</div>


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

添加回答

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