Usando ChartKick con y chart.js , quiero agregar líneas de cuadrícula horizontales. El rango de datos es de 100 a 200..
Me gustaría tener líneas de cuadrícula horizontales cada 10 unidades.
<script src="https://cdnout.com/jquery/"></script> <script src="https://cdnout.com/Chart.js/Chart.bundle.min.js"></script> <script src="http://lib.arvancloud.com/ar/chartkick/2.3.0/chartkick.min.js"></script> <% begin_tracking = Time.zone.parse('2021-03-24 18:33:00-07') current_date = Time.now %> <%= line_chart DataTable.where(statdate: begin_tracking..current_date).pluck(:statdate, :data_ordinate), min: 100, max: 200, dataset: {borderWidth: 50} %> Pensé que dataset: {borderWidth: 50} haría exactamente eso, pero no tiene ningún efecto visible.
Cita de los documentos:
To customize datasets in Chart.js, use: <%= line_chart data, dataset: {borderWidth: 10} %> You can pass this option to individual series as well.Nada sobre líneas de cuadrícula en Chart Kick y no sabría cómo traducir chart.js a Ruby.
Los detalles completos de todas las opciones están en https://www.chartjs.org/docs/latest/axes/styling.html .
La forma general es algo así:
<%= line_chart chart_path(@obj), code: false, points: false, min: 0, max: 20, colors: ["#0284C7", "#44403C"], height: '105px', width: '175px', library: { scales: { x: { display: false, }, y: { display: true, font: { size: 6, weight: 100 } } } %>los atributos de visualización indican si mostrar la cuadrícula o no.
El problema fue que el CDN que encontré no estaba actualizado. Con el CDN de jsDelivr aparecen las líneas de cuadrícula. El formato de la escala de tiempo es diferente, pero se supone que se puede corregir. Así que la respuesta fue correcta o en el camino correcto. Gracias.