how to modify this javascript so that it can iterate for 100 cars: Chart.default
ID: 3862633 • Letter: H
Question
how to modify this javascript so that it can iterate for 100 cars:
Chart.defaults.global.defaultFontColor = "white";
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: (function(){
var arr = [];
for(var i=0; i<5; i++){
arr.push(data1[i].MODEL);
}
return arr;
})("Name:")
/**[data[0].institution_name, data[1].institution_name, data[2].institution_name, data[3].institution_name, data[4].institution_name, data[5].institution_name]**/,
datasets: [{
label: 'TOP SPEED',
data: [data1[0].Topspeed, data1[1].Topspeed, data1[2].Topspeed, data1[3].Topspeed, data1[4].Topspeed, data1[5].Topspeed],
Explanation / Answer
/*you can do one thing, you can take a sub-array and within that take the car's name one by one then add it to another array
with properties like color,brand as properties*/
for (var i = 1; i <= 100; i++) {
carNames.push(i);
Cars.push(carNames..slice(0));
}
Chart.defaults.global.defaultFontColor = "white";
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: (function(){
var arr = new Array(100);
for(var i=0; i<arr.length; i++){
arr.push(data1[i].MODEL);
}
return arr;
})("Name:")
var cars = new Array("Saab", "Volvo", "BMW");/*you can add elements like that*/
var car = {Name:"Audi 6", color:"Black"};/*This is the object example*/
/*This is another way*/
var keys = Object.keys(carObject),
i = 0;
function Car() {
var value = carObject[keys[i]];
// handle value
i++;
if (i < keys.length) {
setTimeout(Car, 200);
}
}
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.