Tengo un poco de experiencia con chartjs pero no puedo encontrar una manera de ocultar la línea predeterminada. Estoy agregando esta imagen aquí que necesito arreglar. Necesito ocultar la línea como esta https://i.stack.imgur.com/UXMpi.png . Necesito hacerlo como este https://i.stack.imgur.com/Phsos.png
Si alguien sabe cómo hacer esto, por favor hágamelo saber. Gracias.
establezca la visualización en falso en la configuración de cuadrícula del eje x y drawBorder en falso en ambos ejes de la siguiente manera:
const options = { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderColor: 'orange' }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], borderColor: 'pink' } ] }, options: { scales: { x: { grid: { display: false, drawBorder: false } }, y: { grid: { drawBorder: false } } } } } const 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.8.0/chart.js"></script> </body>