Блог

Я хочу нарисовать линии на своей диаграмме, одну горизонтальную и одну вертикальную в центре каждой оси, но я искал, как это сделать, но ничего не работает. И я не знаю, возможно ли поместить имена в таблицу. Хотя сейчас самое главное-провести черту.

Это то, чего я хочу:

Таковы свойства моей диаграммы.

 public bubbleChartType: ChartType = 'bubble';
public bubbleChartLegend = true;
public bubbleChartColors: Color[] = [{ backgroundColor: ['red'] }];
public bubbleChartData: ChartDataSets[] = [];
public bubbleChartOptions: ChartOptions = {
  responsive: true,
  scales: {
  xAxes: [{ ticks: { min: 0, max: 6 } }],
  yAxes: [{ ticks: { min: 0, max: 6 } }],
  },
};
 

И вот как я добавляю данные в свои диаграммы:

 this.bubbleChartData = [
  {
    data: [{ x: posX, y: posY, r: 5 }],
    label: cuadrante,
    backgroundColor: 'red',
    borderColor: 'black',
    hoverBackgroundColor: 'red',
    hoverBorderColor: 'black',
  },
];