3

有没有办法从图表中删除初始垂直线而不删除值? chart.js 删除垂直线

这是我的选项的样子:

scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true,
                maxTicksLimit: 5,
                suggestedMax: maxValue
            }
        }],
        xAxes : [{
            categoryPercentage: 1.0,
            display : false, // set this to false to hide the labels under the bars
            gridLines: {
                display: false
            }
        }]
    },
4

2 回答 2

14

您要删除的可能是图表的边框。在 Chart.js v2 中,我可以通过设置网格线配置drawBorder来删除第一个垂直边框:false

options: {
    scales: {
        yAxes: [{
            gridLines: {
                drawBorder: false
            }
        }]
    }
}

在 Chart.js 文档中,它在https://www.chartjs.org/docs/latest/axes/styling.html#grid-line-configuration中进行了解释。

于 2017-01-04T21:28:31.010 回答
1

尝试使用图表选项 scaleLineColor,并将颜色设置为 0 不透明度:

new Chart(ctx).Bar(data, {
scaleLineColor: 'rgba(0,0,0,0)'
});

http://jsfiddle.net/wb3kcunt/33/

如果您使用的是 chartjs v2,那么 scales.gridLines 中的 showBorder 选项应该可以解决问题:

options:{
   scales: {
    gridLines:{
      showBorder:false
        }
    }
}

请参阅文档:

http://www.chartjs.org/docs/#scales

于 2016-09-05T06:03:28.187 回答