小编Jos*_*mes的帖子

删除 chart.js 上的轴线

我一直在使用一些 Chart.js,我一直在试图弄清楚如何删除图表上的轴线。

您可以在此图像中看到我试图删除的网格线。

我设法删除了图表中显示数据的网格线,但在删除这两行时遇到了问题。

你可以看到我为下面的图表创建的 chart.js。

var ctx = document.getElementById("volCause").getContext('2d');
var volCause_Doughnut = new Chart(ctx, {
    type: 'horizontalBar',
    data: {
            labels: <?php echo $cause_label_json?>,
        datasets: [{
            backgroundColor: benefactoGraph_colours,
            data: <?php echo $cause_value_json?>

        }]
    },

    options: {
        maintainAspectRatio: false,
        legend: {
            display: false,
        },
        scales: {
            xAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: 'Volunteer Hours',
                },
                gridLines: {
                    display: false,
                },
            }],

            yAxes: [{
                gridLines: {
                    display: false,

                }
            }]

        }

    }
});
Run Code Online (Sandbox Code Playgroud)

任何建议将不胜感激。

javascript chart.js chart.js2

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

标签 统计

chart.js ×1

chart.js2 ×1

javascript ×1