Необходимо скрыть / удалить нулевую линию с графика JS - PullRequest
0 голосов
/ 02 мая 2018

Я использую диаграмму 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.

1 Ответ

0 голосов
/ 02 мая 2018

Измените ваш минимум на 1.

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

Это меняется в том месте, где начинается ось Y, и должно удалить ноль для вас.

Еще один способ сделать это - увеличить все ваши chartData на 1, так как это повысит их на целое подразделение.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...