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