[FIXED] How can I remove the grid lines in Chart.js

Issue

I'm using charts in my react app. I tried using the Scales and gridlines: false option but it is not working from me. the image shows my code.

Thank you.

Solution

You might check a chart.js sample. From there I found some deviations in the object setup of your example

        var config = {
            type: 'line',
            data: {
                datasets: [{
                    // Here starts your snippet
                }]
            },
            options: {
                // The options are outside of the datasets property
                scales: {
                    x: {
                        gridLines: {
                          display: false
                        }
                    },
                    y: {
                        gridLines: {
                          display: false
                        }
                    }
                }
            }
        };

Edit 1: updated the scales with the gridLines property

Answered By - lotype
Answer Checked By - - Gilberto Lyons (ReactFix Admin)