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，因为这会将整个单位增加。

需要隐藏/删除图表js中的零线

1 个答案: