labels = ['Null 25 GiB file', 'Random 25 GiB file', '100 million-sided polygon data', 'Linux LTS kernel'] data = [ { label: 'DwarFS', data: [0.37114600000000003, 14.15143, 2.95083, 0.001523], backgroundColor: 'rgb(255, 99, 132)', }, { label: 'fuse-archive (tar)', data: [0.393568, 0.397626, 0.07750499999999999, 0.0012230000000000001], backgroundColor: 'rgb(75, 192, 192)', }, { label: 'Btrfs', data: [0.027922000000000002, 0.290906, 0.14088399999999998, 0.0013930000000000001], backgroundColor: 'rgb(54, 162, 235)', }, ] config = { type: 'bar', data: { datasets: data, labels }, options: { plugins: { title: { display: true, text: 'Random Read Times - in ms' }, }, responsive: true, interaction: { intersect: false, }, } }; Chart.defaults.borderColor = "#eee" Chart.defaults.color = "#eee"; ctx = document.getElementById("rand_read_chart"); new Chart(ctx, config);