javascript - 需要从图表 js 中隐藏/删除零线

Question

我正在使用图表 JS，我使用了下面的代码。我只需要隐藏/删除 X 轴的零线。请检查截图。 https://prnt.sc/jco3y0

我的代码是

ar ctx = document.getElementById("canvas").getContext("2d");
    window.myMixedChart = new Chart(ctx, {
        type: 'bar',
        data: chartData,
        options: {
            responsive: true,
            chartArea: {
                backgroundColor: 'rgba(0, 0, 0, 0.4)'
            } ,              
            legend: {
                display: false
            } , 
            title: {
                display: true, 
            },
            scales: {
                yAxes: [{
                    ticks: {
                        min: 0,
                        max: 10,
                        stepSize: 1,
                        fontColor : "#FFF",
                        fontSize : 20,
                        fontWeight:1000
                    },
                    gridLines:{
                        color: "#FFF",
                        lineWidth:3,
                        zeroLineColor :"#FFF",
                        zeroLineWidth : 2
                    },
                    stacked: true
                }],
                xAxes: [{
                    ticks:{
                        fontColor : "#FFF",
                        fontSize : 20,
                        fontWeight:1000
                    },
                    gridLines:{
                        color: "rgba(255, 255, 255, .1)",
                        lineWidth:5, 
                        beginAtZero: true
                    }
                }]
            },
            tooltips: {
                mode: 'index',
                intersect: true
            },

        }

我的代码正在运行，但我无法删除 X 轴的零线。

Answer 1

将最小值更改为 1。

ticks: {
        min: 1, // Change this
        max: 10,
        stepSize: 1,
        fontColor : "#FFF",
        fontSize : 20,
        fontWeight:1000
}

这会改变 y 轴的起始位置，并且应该为您删除零。

执行此操作的另一种方法是将所有 chartData 增加 1，因为这会将其向上移动一个单位。