Estoy tratando de programar una calculadora de patrones isotópicos y quiero visualizar el patrón resultante, que debería verse así: [patrón isotópico][1]
Por lo tanto, pensé en usar un gráfico de barras y chart.js. Sin embargo, todos los ejemplos que he encontrado tienen meses o años para etiquetar el eje x. Pero necesitaría un eje x "normal" como el que se usa para el tipo de gráfico de dispersión para que las barras se incluyan entre los números y no siempre directamente encima de la etiqueta.
¿Se puede hacer esto usando chart.js (o una alternativa)?
Gracias, celdri [1]: https://i.stack.imgur.com/Jqtl8.png
Puede hacer que la escala sea una escala lineal y simplemente proporcionar las coordenadas x e y.
var options = { type: 'bar', data: { datasets: [{ label: 'Nice label', data: [{ x: 10, y: 5 }, { x: 13, y: 3 }, { x: 20, y: 8 }, { x: 22, y: 15 }], backgroundColor: 'pink' }] }, options: { scales: { x: { type: 'linear', ticks: { maxTicksLimit: 4 }, grid: { display: false } }, y: { grid: { display: false } } } } } var ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options); <body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.0/chart.js"></script> </body>