console.log( JSON.stringify(sourcesData) ); // [[0,"133"],[1,"1018"],[2,"265"],[3,"1"],[4,"2"],[5,"1"]]
console.log( JSON.stringify(convertedData) ); // [[0,"4"],[1,"0"],[2,"0"],[3,"0"],[4,"1"],[5,"1"]]
console.log( JSON.stringify(ticks) ); // [[0,null],[1,"Kowalski"],[2,"Kowalski"],[3,"Kowalski"],[4,"Kowalski"],[5,"Kowalski"]]
var data1 = [
{
label: "<?php echo $this->t->_('Amount of leads');?>",
data: sourcesData,
bars: {
show: true,
barWidth: .1,
align: "center",
lineWidth: 1,
order: 0
}
},
{
label: "<?php echo $this->t->_('Converted');?>",
data: convertedData,
bars: {
show: true,
barWidth: .1,
align: "center",
lineWidth: 1,
order: 1
}
}
];
$.plot($("#lead_by_users_chart"), data1, {
xaxis: {
ticks: ticks,
autoscaleMargin: 0.05,
tickLength: 0 // hide gridlines
}
});
Jeden słupek ma reprezentować elementy X, a drugi elementy Y danego użytkownika. Wszystko jest wcześniej przesyłane ajaxem do zmiennych, które wyglądają tak jak wyżej. Wykres wygląda tak, że mamy 6 par po 2 słupki, a pod każdą parą podpis - imię i nazwisko użytkownika. Problem w tym, że podpis mimo moich starań trzyma się prawego słupka ( tzn. 2 z pary) i nie wiem co z tym zrobić.