var ctx = document.getElementById('myChart'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players','0 Players',], datasets: [{ label: 'Warfare CPU thread %', data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1.5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,0,0,0,0,0,1.5,0,], backgroundColor: ['#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF','#33AEEF',], strokeColor: 'brown', borderWidth: 1 }] }, options: { title: { display: true, text: ['CPU% on',' VCTF-BL00DBATH-V8',], fontFamily: "'Arial', 'Helvetica', 'sans-serif'", fontSize: 11, fontColor: '#CCCCCC', fontStyle: 'bold' }, legend: { display: false }, scales: { yAxes: [{ ticks: { beginAtZero: true, max: 100 } }], xAxes: [{ categoryPercentage: 1.0, barPercentage: 1.0, ticks: { display: false //this will remove only the label } }] } } });