Chart js轴边框

vktxenjb  于 2023-08-05  发布在  Chart.js
关注(0)|答案(1)|浏览(138)

我试图用chartJs实现一个图表,我想删除它的所有边框,但仍然有一个是可见的。Here is the problem
这些是我使用的选项:

const options = {
    type: 'line',
    radius: 5,
    responsive: true,
    maintainAspectRatio: false,
    scales: {
        x: {
            grid: {
                display: false,
                showBorder: false,
            },
            ticks: {
                color: '#2D4059',
                font: {
                    size: 14,
                    family: 'Lexend-SemiBold'
                }
            }
        },
        y: {
            grid: {
                display: false,
                showBorder: false,
            },
            ticks: {
                display: false,
                stepSize: 53
            },
            min: 0,
        }
    },
    legend: {
        display: false
    },
    plugins: {
        legend: {
            display: false
        },
        datalabels: {
            anchor: 'end',
            align: 'top',
            color: '#2D4059',
                font: {
                    size: 14,
                    family: 'Lexend-SemiBold'
                }
        }
    }
}

字符串
你能帮我弄明白吗?谢啦,谢啦

fnatzsnv

fnatzsnv1#

要隐藏的是Y轴本身。为此,将options.scales.y中的代码替换为

y:{
  display:false
},

字符串
Here's a code pen查看结果

相关问题