在vue-chartjs中的x轴上显示标签

bqucvtff  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(196)

我正在努力从美学的Angular 来设计我的图表。实际上它看起来是这样的:

图表以10分钟为间隔显示一段时间内的数据。由于标签的数量太多,很难看到哪些列与时间匹配。我想创建像图像上那样的刻度,这样图表的可读性会更好。我查看了文档并尝试了以下方法,但没有效果:

scales: {
  xAxes: [
    {
      ticks: {
        drawTicks: true,
      },
    },
  ],
wdebmtf2

wdebmtf21#

从评论部分粘贴答案,处理分笔成交点的最佳方式是使用回调函数,例如:

ticks: {
     callback: function (value: any, index: any, ticks: any) {               
              return 'What you want to return';             
      },           
}

相关问题