Morris Graphique - Comment Format Placez l'Étiquette

Je suis en utilisant morris graphique. Sur l'axe des x, je fais preuve d'un jour. Tout est bien sauf l'étiquette. Je veux montrer mon label comme axe des x format. Comment puis-je changer le cercle vert de la valeur pour le cercle rouge du format de valeur?

$(function() {
                "use strict";

                var monthNames = [ "Oca", "Şub", "Mar", "Nis", "May", "Haz","Tem", "Ağu", "Eyl", "Eki", "Kas", "Ara" ];


                //LINE CHART
                var line = new Morris.Line({
                    element: 'kelime-gecmisi',
                    resize: true,

                    data: [
                        {tarih: '2014-07-05', sira: 30},
                        {tarih: '2014-07-06', sira: 25},
                        {tarih: '2014-07-07', sira: 19},
                        {tarih: '2014-07-08', sira: 17},
                        {tarih: '2014-07-09', sira: 11},
                        {tarih: '2014-07-10', sira: 8},
                        {tarih: '2014-07-11', sira: 4},
                        {tarih: '2014-07-12', sira: 1},
//                       {tarih: '2014-07-13', item1: 1/3},
//                       {tarih: '2014-07-14', item1: 1/4},
//                       {tarih: '2014-07-15', item1: 1/9}
                    ],
                    xkey: 'tarih',
                    ykeys: ['sira'],
                    xLabels:'day',
                  // continuousLine:false,
                    labels: ['Sıra'],
                    lineWidth: 2,
                    lineColors: ['#00A65A'],
                    hideHover: 'auto',
                    ymin:'auto 1', 
                    ymax:'auto 30',
                    gridIntegers: true,




                    xLabelFormat: function(d) {
                    return d.getDate()+' '+monthNames[d.getMonth()]+' '+d.getFullYear(); 
                    },

                    //yLabelFormat: function(y) { if (y === 0) return 30; else return Math.round(1/y); }


                });
            });

OriginalL'auteur hakiko | 2014-07-14

1

Voici la Réponse https://stackoverflow.com/a/19886777/1449779

hoverCallback au lieu de //yLabelFormat
fonctionne également avec les graphiques en courbes, http://jsbin.com/UJUkosa/199/edit

OriginalL'auteur dpineda

http://jsbin.com/ziyupujewe/1/edit?html,js,sortie

{ y: ..., x: ..., label: "my own label"},'

...
Morris.Line({
    hoverCallback: function(index, options, content) {
        var data = options.data[index];
        $(".morris-hover").html('<div>Custom label: ' + data.label + '</div>');
    },
    ...
    other params
});

OriginalL'auteur asdasd

vous pouvez utiliser dateFormat option:

"dateFormat": function(unixTime) {
    var d = new Date(unixTime);
    var monthNames = [
        "Oca", "Şub", "Mar", "Nis", "May", "Haz",
        "Tem", "Ağu", "Eyl", "Eki", "Kas", "Ara"
    ];
    return d.getDate() + ' ' + monthNames[d.getMonth()] + ' ' + d.getFullYear();
}

OriginalL'auteur Fabio

0
```
dateFormat: function (d) {

            var ds = new Date(d);
            return ds.getHours() + ":" + ds.getMinutes();
        }
```
c'est dateFormat, été tourner sur le cochon de guinée de roue pour des heures jusqu'à ce que j'ai remarqué que dateFormat avait une faute de frappe comme datunFormat (ça c'est pour le vert de l'éclipse)

pour le rouge, a été auto formaté pour moi, vous pouvez coup d'oeil à la source trop!

OriginalL'auteur m s lma

Vous devez vous connecter pour publier un commentaire.