相关疑难解决方法(0)

我正在使用chart.js.

与此问题类似,我想将我的x轴标签旋转90度.目前,我的标签使用默认设置旋转约80度.

有人可以帮我调整旋转标签的条形图解决方案,以便我可以在折线图上使用它吗？

如何在图表结束后使用chart.js库阻止最后一个x轴标签导致延长空白区域？

我还附加了我的图表的初始化和选项设置.

this.colors = [{
            backgroundColor:"rgba(128, 203, 196,0.45)",
            borderColor:"#80cbc4",
            pointBackgroundColor: "#80cbc4",
            pointBorderWidth: 2,
            hoverBorderColor:"#80cbc4",
            pointBorderColor:"#fff",
            pointRadius: 5,
            pointHoverRadius:5
        }];
        this.options = {
            scales: {
                yAxes: [
                    {
                        id: 'y-axis-1',
                        type: 'linear',
                        display: true,
                        position: 'left',
                        ticks : {
                            beginAtZero : true,
                            fontColor: 'rgba(0,0,0,0.7)',
                            callback: this.displayNumeric,
                            fontSize: 13
                        }
                    }
                ],
                xAxes: [
                    {
                        gridLines : {
                            display : false
                        },
                        ticks : {
                            callback: value => {
                                switch (this.period) {
                                    case "hour":
                                        return moment(value).format("hh:mma");
                                        break;
                                    case "day":
                                        return moment(value).format("MMM DD"); …