2017-03-06 4 views
1

Gibt es eine Möglichkeit, das Datumsformat des Tooltips in Google Chart zu ändern? Ich möchte es nicht zu HTML machen, weil es meinem Bedarf voll entspricht. Ich möchte nur ein anderes Datumsformat haben. Wie Sie sehen können, habe ich das Format von hAxis geändert und möchte das Gleiche für den Tooltip tun.Google Liniendiagramm Datumsformat im Tooltip

var data = google.visualization.arrayToDataTable([[{"label":"Month","type":"date"},"Customers"],[new Date('2017-01-01'),30],[new Date('2017-02-01'),45],[new Date('2017-03-01'),55],[new Date('2017-04-01'),40],[new Date('2017-05-01'),20],[new Date('2017-06-01'),17],[new Date('2017-07-01'),15],[new Date('2017-08-01'),18],[new Date('2017-09-01'),0],[new Date('2017-10-01'),0],[new Date('2017-11-01'),0],[new Date('2017-12-01'),0]]); 

var options = {"legend":{"position":"bottom"},"pointSize":5,"hAxis":{"format":"MMM","ticks":[new Date('2017-01-01'),new Date('2017-02-01'),new Date('2017-03-01'),new Date('2017-04-01'),new Date('2017-05-01'),new Date('2017-06-01'),new Date('2017-07-01'),new Date('2017-08-01'),new Date('2017-09-01'),new Date('2017-10-01'),new Date('2017-11-01'),new Date('2017-12-01')]},"height":300}; 

var c = new google.visualization.LineChart(document.getElementById("div-chartw0")); 
c.draw(data, options); 

enter image description here

Antwort

4

Format die Daten, bevor Sie das Diagramm

var formatter = new google.visualization.DateFormat({pattern: 'MMM'}); 
formatter.format(data, 0); 
+0

Danke zeichnen. Arbeiten wie ein Charme – forza020

Verwandte Themen