Chart.js ChartJS-旋转后对齐轴标签

我正在使用Chart.js生成条形图。如何对齐标签，使旋转为90，并且所有标签都对齐到每个标签的起点。目前，所有标签都与每个标签的末端对齐

我试图显示所有标签开始在同一个垂直位置-在'复仇者'是。目前所有的标签都在同一个垂直位置结束——战争的“r”在这里

我需要文本向右（而不是向左）并从下到上（而不是从上到下）

Stackblitz链接：

---

Stackblitz代码链接：

您可以这样说：

xAxes: [{
   ticks: {
      minRotation: -90,
      labelOffset: 0,
      padding: -30
   },
}]

---

唯一的问题是文本将面向左侧

您可以像这样对齐标签，但问题可能是您与手柄的文本长度大小问题步调，然后它对您有效，Sey

minRotation:360

，这样旋转为90，所有标签都与每个标签的开始对齐

如果您认为文本大小不能缩短，那么我建议您使用

minRotation:0

，这样它就可以显示每个好友都喜欢的适当文本

export class AppComponent  {
  public barChartOptions: ChartOptions = {
    responsive: true,
    legend: {
        display: false
      },
       scales: {
       xAxes: [{
        ticks: {
          minRotation: 360,
          labelOffset: 0,
          padding: -30
      },
}]
      },
  };
  public barChartLabels: Label[] = ['A', 'Br', 'In', 'Aq', 'V', 'Mis'];
  public barChartType: ChartType = 'bar';
  public barChartLegend = true;
  public barChartPlugins = [];

  public barChartData: ChartDataSets[] = [
    { data: [65, 59, 80, 81, 56, 55, 40] }
  ];

  constructor() { }

  ngOnInit() {
  }
}

同时检查此处更新的代码

---

你能在stackblitz.io上分享代码吗？你在哪里使用这个图表？比如（角度）你是想在底部显示所有的唇瓣还是how@harkeshkumar-在这里您可以看到代码。我用的是角的。我试图显示所有的标签都是从同一个垂直位置开始的——所以在这个例子中，复仇者的“A”是。我只是玩了一下填充物。真的！事实上，这就是我在我的项目中用来挽回面子的方法。但“唯一”的问题是我“最大”的问题——因为客户根本不喜欢这种方式——说它是“相反的”。

export class AppComponent  {
  public barChartOptions: ChartOptions = {
    responsive: true,
    legend: {
        display: false
      },
       scales: {
       xAxes: [{
        ticks: {
          minRotation: 360,
          labelOffset: 0,
          padding: -30
      },
}]
      },
  };
  public barChartLabels: Label[] = ['A', 'Br', 'In', 'Aq', 'V', 'Mis'];
  public barChartType: ChartType = 'bar';
  public barChartLegend = true;
  public barChartPlugins = [];

  public barChartData: ChartDataSets[] = [
    { data: [65, 59, 80, 81, 56, 55, 40] }
  ];

  constructor() { }

  ngOnInit() {
  }
}