chart.js比例标签不工作图表js在Angular 14

mrphzbgm 于 2022-11-06 发布在 Chart.js

关注(0)|答案(1)|浏览(145)

public barChartOptions: any = {
  responsive: true,
  maintainAspectRatio: false,
  scales: {
    yAxes: [
      {
        grid: {
          display: false,
        },
        scaleLabel: {
          display: true,
          labelString: 'Counts',
        },
      },
    ],
    xAxes: [
      {
        grid: {
          display: false,
        },
        scaleLabel: {
          display: true,
          labelString: 'Locale',
        },
      },
    ],
  },
};

我尝试通过不显示刻度标签的方式添加刻度标签。我无法在条形图中添加scaleLabel，也无法在X和Y中添加scaleLabel，目前我使用的版本是- Angular是14.0，chart.js是3.9.1
提前致谢
I want this type scalelabel

chart.js

来源：https://stackoverflow.com/questions/73850773/chart-js-scale-label-not-working-chart-js-in-angular-14

1条答案

按热度按时间

vxbzzdmp1#

您将秤定义为2个数组，这是V2语法，在V3中，所有秤都是scales对象中各自的对象，其中键是秤的ID。因此，将您的配置更改为这样将解决该问题：

scales: {
  y: {
    grid: {
      display: false,
    },
    title: {
      display: true,
      text: 'Counts',
    },
  },
  x: {
    grid: {
      display: false,
    },
    title: {
      display: true,
      text: 'Locale',
    },
  },
}

对于V2和V3之间的所有变更，请阅读migration guide

赞(0）回复(0）举报 2022-11-06

我来回答

chart.js比例标签不工作图表js在Angular 14

1条答案

相关问题

热门标签

最新问答