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

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

Charts Js Stacked Bar Graph 顯示沒有值?

Charts Js Stacked Bar Graph 顯示沒有值?

慕尼黑5688855 2022-12-09 18:58:50
我有一個(gè)像這樣的 javascript 地圖..var Severity = {3M:[0, 3, 1, 0, 0],5T:[0, 0, 1, 0, 0],6S:[0, 0, 2, 0, 0]}以及調(diào)用 Stacked Chart Bar 的 JS 函數(shù)。在這里,我創(chuàng)建了一個(gè) JS 函數(shù),它從 jsp 頁面獲取 id 和地圖。映射結(jié)構(gòu)與上面定義的相同。我想顯示圖表,其中 x 軸上的數(shù)據(jù)是地圖中的鍵,y 軸上是 5 個(gè)元素的堆疊數(shù)據(jù)。function StackedBar(id,Severity) {    var label = Object.keys(Severity); // getting the labels    var Critical = [];    var High = [];    var Medium = [];    var Low = [];    var Others = [];    for(let i=0;i<label.length;i++){    //assigning the data to arrays created        Critical.push(Severity[label[i]][0]);        High.push(Severity[label[i]][1]);        Medium.push(Severity[label[i]][2]);        Low.push(Severity[label[i]][3]);        Others.push(Severity[label[i]][4]);    }    var ctxL = document.getElementById(id).getContext('2d');   //id from the html canvas    var chart = new Chart(ctxL, {        type: 'bar',        data: {            labels: label,             datasets: [                {                label: 'Critical',                data: Critical,                backgroundColor: '#aa000e'            },                {                label: 'High',                data: High,                backgroundColor: '#e65905'            },                {                label: 'Medium',                data: Medium,                backgroundColor: '#e00ce6'            },                {                label: 'Low',                data: Low,                backgroundColor: '#b8ab16'            },                {                label: 'Others',                data: Others,                backgroundColor: '#00aaaa'            }            ]        },        }    });}這里顯示圖表,我在 x 軸上得到標(biāo)簽......但圖表值不顯示,我得到以下錯(cuò)誤......HTML<canvas id="overall"></canvas><script>StackedBar('overall',Overall);</script>            我想知道出了什么問題,并希望我能幫助解決這個(gè)問題......
查看完整描述

1 回答

?
慕婉清6462132

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

我將以上內(nèi)容放在一個(gè)文件中并且它有效(盡管我必須在通話中將“總體”更改為“嚴(yán)重性”)。所以我希望您使用的東西可能與上面的示例不匹配。


我使用的版本:


<html>

<body>

    <canvas id="overall"></canvas>

</body>


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

<script>

    var Severity = {

        "3M": [0, 3, 1, 0, 0],

        "5T": [0, 0, 1, 0, 0],

        "6S": [0, 0, 2, 0, 0]

    };

</script>

<script>

    function StackedBar(id, Severity) {


        var label = Object.keys(Severity); // getting the labels


        var Critical = [];

        var High = [];

        var Medium = [];

        var Low = [];

        var Others = [];



        for (let i = 0; i < label.length; i++) {    //assigning the data to arrays created

            Critical.push(Severity[label[i]][0]);

            High.push(Severity[label[i]][1]);

            Medium.push(Severity[label[i]][2]);

            Low.push(Severity[label[i]][3]);

            Others.push(Severity[label[i]][4]);

        }


        var ctxL = document.getElementById(id).getContext('2d');   //id from the html canvas

        var chart = new Chart(ctxL, {

            type: 'bar',

            data: {

                labels: label,

                datasets: [

                    {

                        label: 'Critical',

                        data: Critical,

                        backgroundColor: '#aa000e'

                    },

                    {

                        label: 'High',

                        data: High,

                        backgroundColor: '#e65905'

                    },

                    {

                        label: 'Medium',

                        data: Medium,

                        backgroundColor: '#e00ce6'

                    },

                    {

                        label: 'Low',

                        data: Low,

                        backgroundColor: '#b8ab16'

                    },

                    {

                        label: 'Others',

                        data: Others,

                        backgroundColor: '#00aaaa'

                    }

                ]

            },

            options: {

                responsive: true,

                legend: {

                    position: 'right'

                },

                scales: {

                    xAxes: [{

                        stacked: true

                    }],

                    yAxes: [{

                        stacked: true

                    }]

                }

            }

        });

    }

</script>

<script>StackedBar('overall', Severity);</script>


</html>


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

添加回答

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