Ich versuche ein Diagramm zu erstellen, um die aktuellen Monat Analytics-Informationen mit Morris.js anzuzeigen. Das Problem tritt auf, wenn sich einige Tage auf dem Etikett befinden und die Beschriftungen der X-Achse wiederholt werden.Wiederholte Werte auf X-Label
Bild der Ausgabe:
-Code bisher:
$(function() {
getMorris('area', 'area_chart');
});
function getMorris(type, element) {
if (type === 'area') {
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
Morris.Line({
element: element,
data: [{"day":"2017-10-01 11:40:09","uniqueUsers":"180","sessions":"213","pageViews":"616","bounces":"131"},{"day":"2017-10-02 11:40:09","uniqueUsers":"539","sessions":"635","pageViews":"1645","bounces":"395"},{"day":"2017-10-03 11:40:09","uniqueUsers":"684","sessions":"826","pageViews":"2189","bounces":"534"},{"day":"2017-10-04 11:40:09","uniqueUsers":"1095","sessions":"1229","pageViews":"2801","bounces":"806"},{"day":"2017-10-05 11:40:09","uniqueUsers":"335","sessions":"385","pageViews":"925","bounces":"235"}],
xkey: 'day',
xlabels: 'day',
xLabelFormat: function (x) {
return x.getDate() + ' ' + months[x.getMonth()];
},
ykeys: ['uniqueUsers', 'sessions', 'pageViews', 'bounces'],
labels: ['Unique users', 'User sessions', 'Page views', 'Bounces'],
pointSize: 2,
hideHover: 'auto',
lineColors: ['rgb(156, 39, 176)', 'rgb(121, 85, 72)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)'],
xLabelAngle: 50,
dateFormat: function (d) {
var ds = new Date(d);
return ds.getDate() + ' ' + months[ds.getMonth()];
},
behaveLikeLine: true
});
}
}
Was ist Ihre Frage? Möchten Sie die Labels gruppieren, die wiederholt werden? – krlzlx
Genau, ich brauche nur die Etiketten, die nicht unter ihrem jeweiligen Punkt wiederholt werden. – amartinez