分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了react-chartjs-2 刻度不会与中心对齐，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决react-chartjs-2 刻度不会与中心对齐？

开发过程中遇到react-chartjs-2 刻度不会与中心对齐的问题如何解决？下面主要结合日常开发的经验，给出你关于react-chartjs-2 刻度不会与中心对齐的解决方法建议，希望对你解决react-chartjs-2 刻度不会与中心对齐有所启发或帮助；

我正在尝试像这样在中心对齐折线图刻度： Image of what I need to achieve

现在我的图表是这样的：Currently achieved

如您所见，我无法删除 xAxis 上的小线或将它们对齐到中心，而且当我有大量数据时，该线会非常尖 Like this 并且会很平滑与其他行一样。

这是我目前的配置：

data: {
            labels: [],datasets: [
              {
                label: false,data: [],fill: true,borderWIDth:2,BACkgroundcolor: '#E0F2FE',bordercolor: '#14A1FB',poinTradius: 0,lineTension: 0,cubicInterpolationMode: 'monotone',borderCapStyle: 'round',},],options: {
            animation: {
                duration: 0,responsive: true,layout: {
                padding: 2,maintainAspectRatio: false,legend: {
                display: false
                },scales: {
                aligntopixels: true,yAxes: [{
                    position: 'right',ticks: {
                        align: 'start',mirror: true,z: 1,padding: 5,beginAtZero: false,Fontcolor: '#9c9c9c',maxTickslimit: 4,offset: true,grIDlines: {
                        drawOnChartArea: true,borderDash: [8,4],beginAtZero: true,drawborder: false,offsetGrIDlines: true
                    }
                }],xAxes: [{
                    ticks: {
                        align: 'start',padding: -25,FontFamily: "Roboto Regular",source: "labels",maxTickslimit: '',autoSkip: true,maxRotation: 0,minRotation: 0,tickcolor: "transparent"
                    },grIDlines: {
                        align: 'start',drawOnChartArea: false,offsetGrIDlines: false
                    }
                }]
            }
        }