Angular ng2散点图如何在x轴上放置标签

Angular ng2散点图如何在x轴上放置标签,angular,chart.js,ng2-charts,Angular,Chart.js,Ng2 Charts,使用这个散点图 有一个给标签的选项。 但它不是在画布上画的 html 如何给x轴字符串添加标签? 您可以使用自定义标签格式化程序来显示自定义值而不是数字 values = [ "3:00 am", "7:00 am", "11:00 am", "3:00 pm", "7:00 pm", "11:00 pm", ] public ScattterChartOptions: ChartOptions = { responsive: true, scales: {

使用这个散点图

有一个给标签的选项。 但它不是在画布上画的

html

如何给x轴字符串添加标签?


您可以使用自定义标签格式化程序来显示自定义值而不是数字

values = [
  "3:00 am",
  "7:00 am",
  "11:00 am",
  "3:00 pm",
  "7:00 pm",
  "11:00 pm",
]

public ScattterChartOptions: ChartOptions = {
  responsive: true,
  scales: {
    xAxes: [{ticks: {
        callback: value => this.values[value]
      } }],
  }
};

类似的示例:

您可以使用自定义标签格式化程序来显示自定义值,而不是数字

values = [
  "3:00 am",
  "7:00 am",
  "11:00 am",
  "3:00 pm",
  "7:00 pm",
  "11:00 pm",
]

public ScattterChartOptions: ChartOptions = {
  responsive: true,
  scales: {
    xAxes: [{ticks: {
        callback: value => this.values[value]
      } }],
  }
};

类似示例:

您能否提供代码的相关部分,或者提供stackblitz以再现问题?您能否提供代码的相关部分,或者提供stackblitz以再现问题?
values = [
  "3:00 am",
  "7:00 am",
  "11:00 am",
  "3:00 pm",
  "7:00 pm",
  "11:00 pm",
]

public ScattterChartOptions: ChartOptions = {
  responsive: true,
  scales: {
    xAxes: [{ticks: {
        callback: value => this.values[value]
      } }],
  }
};