Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我遇到了一个bug,以前的值/图表出现了,我使用Chart.js_Javascript_Arrays_Charts_Chart.js - Fatal编程技术网

Javascript 我遇到了一个bug,以前的值/图表出现了,我使用Chart.js

Javascript 我遇到了一个bug,以前的值/图表出现了,我使用Chart.js,javascript,arrays,charts,chart.js,Javascript,Arrays,Charts,Chart.js,我有一个选中的列表,希望在其中显示不同的图表,但当我将鼠标悬停在新图表上时,旧图表会被窃听。我试图删除图表,但我不知道该怎么做。 我使用if和selectedIndex向数组stat添加了新值。如果有人帮我,我会非常感激:)。我看到其他人说要用。破坏();但是我不能让它工作 var item = document.getElementById("item"); var ctx = document.getElementById("chart"); var btn = do

我有一个选中的列表,希望在其中显示不同的图表,但当我将鼠标悬停在新图表上时,旧图表会被窃听。我试图删除图表,但我不知道该怎么做。 我使用if和selectedIndex向数组stat添加了新值。如果有人帮我,我会非常感激:)。我看到其他人说要用。破坏();但是我不能让它工作

    var item = document.getElementById("item");
    var ctx = document.getElementById("chart");
    var btn = document.getElementById("btn");

    var stat = [];


    function check() {
        var Index = item.selectedIndex;
        if(Index === 1){
            stat = [3,15.3,21.8,1.4,4.1,0.8,15.2,26.8,4.1];

            tabell();
        }else if(Index === 2){
            stat =[1.4,5.5,16.6,1.4,7.5,1.2,30.3,28.9,4.2];
            tabell();

        }
    }


    function show() {

        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ["player1", "player2", "player3", "player4", "player5", "player6","player7", "player8","player9"],
                datasets: [{
                    label: 'table thing',
                    data:stat ,
                    backgroundColor: ['#650012', '#a80014', '#e10028', '#b0e13e', '#23b121', '#ccd535', '#248e26', '#3c96bc', '#1721bc'],
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero:true
                        }
                    }]
                }
            }
        });

    }


    btn.onclick = function () {
        check();
    };

这个答案帮助我在图表上加载不同的数据,如果这是你想要的。是的,谢谢,我已经看到了,我不知道如何将其设置到我的代码中:(如果这是您正在寻找的,这个答案帮助我在图表上加载不同的数据。是的,谢谢,我已经看到了,我不知道如何将其设置到我的代码中:(
var item = document.getElementById("item");
var ctx = document.getElementById("chart");
var btn = document.getElementById("btn");
var stat = [];


function check() {
    var Index = item.selectedIndex;
    if(Index === 1){
        stat = [3,15.3,21.8,1.4,4.1,0.8,15.2,26.8,4.1];

        tabell();
    }else if(Index === 2){
        stat =[1.4,5.5,16.6,1.4,7.5,1.2,30.3,28.9,4.2];
        tabell();

    }
}


function show() {

    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ["player1", "player2", "player3", "player4", "player5", "player6","player7", "player8","player9"],
            datasets: [{
                label: 'Av 100 stemmer',
                data:stat ,
                backgroundColor: ['#650012', '#a80014', '#e10028', '#b0e13e', '#23b121', '#ccd535', '#248e26', '#3c96bc', '#1721bc'],
                borderWidth: 1
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero:true
                    }
                }]
            }
        }
    });

}


btn.onclick = function () {
    check();
};