Human Datum Wert mit Morris.js Hover Rückruf

Ich versuche, ein menschenlesbares Datum in meiner Morris.js Liniendiagramm anzuzeigen, aber stattdessen zeigt es den Zeitstempel. Ich habe an dem hoverCallback Bereich gesucht, aber bin nicht sicher, was zu ändern:Human Datum Wert mit Morris.js Hover Rückruf

update_host_info.js.erb

new Morris.Line({ 
    element: 'device_security_trend', 
    data: $('#device_security_trend').data('security-trend'), 
    smooth: false, 
    ymax: 'auto[99]', 
    xkey: 'created_at', 
    ykeys: ['security_percentage'], 
    labels: ['Security Percentage'], 
    postUnits: '%', 
    resize: true, 
    hoverCallback: function(index, options, content) { 
    return(content); 
    } 
});

device_security_trend Element

<div data-security-trend="[{"created_at":"2016-02-23T13:28:05.160-04:00", "security_percentage" :0},{"created_at":"2016-02-23T16:24:56.128-04:00","security_percentage":99},{"created_at":"2016-02-23T16:24:57.560-04:00","security_percentage":0}" id="device_security_trend" style="width: 100%; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" class="selected"><div class="morris-hover-row-label">2016-02-23T13:28:05.160-04:00</div><div class="morris-hover-point" style="color: #689bc3"> 
 
    Security Percentage: 
 
    0% 
 
</div></div>

Rechts, Jetzt ist es das, was meine Hover Tooltip aussieht:

Stattdessen würde ich das Datum/Zeit gerne mehr lesbar, so etwas wie:

4/19/2016 - 9:30am

Quelle

2016-04-26 Godzilla74

Sie müssen uns den Inhalt des '# device_security_trend' Elements zeigen. – Uzbekjon

Da gehen Sie @ Uzbekjon – Godzilla74

@ Uzbekjon gut, Sie haben mich darüber nachdenken, nur das Datum Format ändern in erster Linie ... so, was ist, was ich in einem Helfer tat. – Godzilla74

am Ende nur zu ändern Wie das Datum in Morris.js über eine Hilfsmethode eingegeben wurde, die die Zeit in etwas für Menschen lesbares konvertiert.

Quelle

2016-04-26 19:59:36 Godzilla74

Human Datum Wert mit Morris.js Hover Rückruf

Antwort

Verwandte Themen