亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

圖表 JS 不顯示數據

圖表 JS 不顯示數據

慕雪6442864 2023-10-14 17:04:31
嘿伙計們,我用一些數據制作了條形圖,當我查看它時,它只顯示第一個條形圖,第二個條形圖向下......并且不知道為什么。嘗試更改數據,但仍然沒有發生任何事情......所以數據并不重要,我看了文檔,沒有發現任何問題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貢獻1785條經驗 獲得超4個贊

這是工作代碼。


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>


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 181 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號