如何在Javascript中向图表添加网格线

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [{
            label: 'Sales',
            data: [12, 19, 3, 17, 6, 3, 7]
        }]
    },
    options: {
        scales: {
            y: {
                grid: {
                    display: true // 显示纵向网格线
                }
            },
            x: {
                grid: {
                    display: true // 显示横向网格线
                }
            }
        }
    }
});

<script src="https://cdn.jsdelivr.net/npm/echarts@5.0.0/dist/echarts.min.js"></script>

var myChart = echarts.init(document.getElementById('myChart'));
var option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    grid: {
        show: true, // 显示网格线
        borderColor: '#f0f0f0', // 设置网格线颜色
        borderWidth: 1 // 设置网格线宽度
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'line'
    }]
};
myChart.setOption(option);