Skip to content

Instantly share code, notes, and snippets.

/bar.js Secret

Created January 18, 2017 03:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/1f5a625bba8bf4189d5a32a6847cc340 to your computer and use it in GitHub Desktop.
Save anonymous/1f5a625bba8bf4189d5a32a6847cc340 to your computer and use it in GitHub Desktop.
Chartjs bar chart not showing full axes
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