Estoy usando Chart.js con Angular2. Estoy dando entrada de coordenadas (x, y). donde x es la marca de tiempo e y son valores diferentes. La información sobre herramientas muestra la marca de tiempo y no el formato de tiempo que quiero ver. Aquí en el pluncker he hecho el código, por favor, eche un vistazo y ayúdeme. PLUNKER para mi código char.js usando Angular2 .
Tengo pocos problemas para entender cómo el eje x muestra la hora. La documentación de Chart.js es horrible y realmente difícil de entender, confío en stackoverflow para todas mis dudas.
Aquí están las opciones para mis gráficos que están imprimiendo la fecha. No puedo entender qué escribir en la opción de información sobre herramientas aquí.
private options = { scales: { xAxes: [{ tooltipFormat:'', type: 'time', time: { displayFormats: { 'millisecond': 'HH:mm:ss', 'second': 'HH:mm:ss', 'minute': 'HH:mm:ss', 'hour': 'HH:mm:ss', 'day': 'HH:mm:ss', 'week': 'HH:mm:ss', 'month': 'HH:mm:ss', 'quarter': 'HH:mm:ss', 'year': 'HH:mm:ss', } } }] } };la opción tooltipFormat está documentada aquí: http://www.chartjs.org/docs/#scales-time-scale
debe agregarse en la subopción de time como se menciona en el documento.
tooltipFormat: la cadena de formato de momento js que se usará para la información sobre herramientas.
vaya a https://momentjs.com/docs/ para encontrar el formato correcto. Por ejemplo, si desea el formato MM/DD/YYYY , es decir. 27/04/2017 prueba esto:
plunker: http://plnkr.co/edit/xntCXNiaL5rFVpy2VATN?p=preview
scales: { xAxes: [{ type: 'time', time: { tooltipFormat:'MM/DD/YYYY', // <- HERE displayFormats: { 'millisecond':'HH:mm:ss', 'second': 'HH:mm:ss', 'minute': 'HH:mm:ss', 'hour': 'HH:mm:ss', 'day': 'HH:mm:ss', 'week': 'HH:mm:ss', 'month': 'HH:mm:ss', 'quarter': 'HH:mm:ss', 'year': 'HH:mm:ss', } } }] }