-
-
Save anonymous/1f5a625bba8bf4189d5a32a6847cc340 to your computer and use it in GitHub Desktop.
Chartjs bar chart not showing full axes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function colorconvert(color, transparency) { | |
var r = parseInt(color.substring(0,2),16); | |
var g = parseInt(color.substring(2,4),16); | |
var b = parseInt(color.substring(4,6),16); | |
var a = parseFloat(transparency); | |
var value = 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')'; | |
return(value); | |
} | |
$(document).ready(function(){ | |
$.ajax({ | |
url: "http://path/to/data.php", | |
method: "GET", | |
success: function(data) { | |
console.log(data); | |
var haus = []; | |
var punkte = []; | |
var backgroundcolor = []; | |
var bordercolor = []; | |
var hoverbackgroundcolor = []; | |
var hoverbordercolor = []; | |
var backgroundtransparency = []; | |
var bordertransparency = []; | |
var hoverbackgroundtransparency = []; | |
var hoverbordertransparency = []; | |
for(var i in data) { | |
haus.push(data[i].haus); | |
punkte.push(data[i].punkte); | |
backgroundcolor.push(colorconvert(data[i].backgroundcolor, data[i].backgroundtransparency)); | |
bordercolor.push(colorconvert(data[i].bordercolor, data[i].bordertransparency)); | |
hoverbackgroundcolor.push(colorconvert(data[i].hoverbackgroundcolor, data[i].hoverbackgroundtransparency)); | |
hoverbordercolor.push(colorconvert(data[i].hoverbordercolor, data[i].hoverbordertransparency)); | |
} | |
var chartdata = { | |
labels: haus, | |
datasets : [ | |
{ | |
label: 'Hauspunkte', | |
backgroundColor: backgroundcolor, | |
borderColor: bordercolor, | |
hoverBackgroundColor: hoverbackgroundcolor, | |
hoverBorderColor: hoverbordercolor, | |
data: punkte | |
} | |
] | |
}; | |
var ctx = $("#mycanvas"); | |
Chart.defaults.global.scaleBeginAtZero = true; | |
var barGraph = new Chart(ctx, { | |
type: 'bar', | |
data: chartdata, | |
options: { | |
scaleBeginAtZero: true | |
} | |
}); | |
}, | |
error: function(data) { | |
console.log(data); | |
} | |
}); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment