小编inê*_*nês的帖子

chart.js:隐藏y轴中的特定刻度并隐藏所有x轴网格线

编辑

我正在使用charts.js库,我想知道是否可以隐藏y轴的特定刻度,例如,我已经定义了刻度的最小值:0和最大值:100,它显示所有值为十的倍数从0到100,但我想只显示0,50 e 100. (这已解决)

另一个问题是我想删除所有x轴'网格线但方法"gridLines.display:false"不会隐藏图表开头的第一条垂直线,只是隐藏其他垂线.

这就是我想要的样子:http://i.stack.imgur.com/GryIo.png

脚本

        var humdays = document.getElementById("charthumdays");
        var humdaysChart = new Chart(humdays, {
        type: 'bar',
        data: {
            labels: ["15 mar", "16 mar", "17 mar", "18 mar", "19 mar", "20 mar", "21 mar"],
            datasets: [{
                label: "humidity",                
                data: [60, 20, 30, 50, 60, 80, 90],
                backgroundColor: "#D9B090",
                hoverBackgroundColor: 'rgba(217,176,144,0.8)'


            }]
        },
        options: {

            scales: {

               xAxes : [{


                    gridLines : {
                         display : false
                    }

               }],

                yAxes: [{

                    ticks: {
                        min:0,
                        max:100

                    } …
Run Code Online (Sandbox Code Playgroud)

javascript axis chart.js

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

axis ×1

chart.js ×1

javascript ×1