Tengo datos tomados en varios momentos del día durante más de un año. Quiero trazar los datos por hora del día. En otras palabras, el eje x irá de medianoche a medianoche (00:00 a 23:59).

Estoy usando Chartkick con High Charts, aunque podría usar Chart.js.

Podría crear una columna solo con la hora del día, pero una forma directa sería más limpia.

El código de gráfico para todos los datos trazados para datos recientes es, es decir, desde hace meses hasta ahora:

<%= line_chart Data.where(statdate: date_in_the_past..current_date).pluck(:statdate, :data %>

Probando el código de @ppotaczek

La inmersión profunda. Ya tenía el mismo src para gráficos altos y agregó código a una etiqueta de scripts y agregó el id="container". la línea 224 es qué hacer con un error. No he ido más allá de eso todavía.

 highcharts.src.js:224 Uncaught Error: Highcharts error #13: www.highcharts.com/errors/13/ at Object.<anonymous> (highcharts.src.js:224) at B (highcharts.src.js:1676) at u (highcharts.src.js:246) at a.getContainer (highcharts.src.js:31053) at a.firstRender (highcharts.src.js:31988) at a.<anonymous> (highcharts.src.js:30306) at B (highcharts.src.js:1676) at a.init (highcharts.src.js:30180) at a.getArgs (highcharts.src.js:30152) at new a (highcharts.src.js:30094)