我已在angular

Question

我想从我的图表中删除此水平滚动条。我如何从图片中提到的图表中删除滚动条。

谢谢

html代码：

<canvas id="barChart" height="5" width="20"></canvas>

.ts代码：

options: {
                title: {
                    text: "Bar Chart",
                    display: true
                },
                scales: {
                    xAxes: [{
                        gridLines: {
                            display:false,

                        }
                    }],
                    yAxes: [{
                        gridLines: {
                            display:false
                        },   
                    }]
                },
                legend: {
                    onHover: function (e) {
                        e.target.style.cursor = 'pointer';
                    }
                },
                hover: {
                    onHover: function (e) {
                        var point = this.getElementAtEvent(e);
                        if (point.length) e.target.style.cursor = 'pointer';
                        else e.target.style.cursor = 'default';
                    }
                },
                tooltips: {
                    mode: 'index'
                }
            }

Answer 1

尝试添加

options : {
    responsive: true,
    maintainAspectRatio: false,
     .
     .
     . 
}

删除html中的高度和宽度