0
145
ViewsNo se pueden leer las propiedades de nulo (leyendo 'getContext') en el nuevo EchartsDropdownComponent
import { Component, Input, OnChanges } from "@angular/core"; import { Chart } from 'chart.js' @Component({ selector: "ngx-echarts-dropdown", template: `<canvas id="myChart" width="400" height="400"></canvas>` }) export class EchartsDropdownComponent implements OnChanges { canvas = <HTMLCanvasElement> document.getElementById('myChart'); ctx = this.canvas.getContext('2d'); myChart = new Chart(this.ctx, { data: { datasets: [{ label: 'Scatter Dataset', data: [{ x: -10, y: 0 }, { x: 0, y: 10 }, { x: 10, y: 5 }]] }] }, options: { scales: { xAxes: [{ type: 'linear', position: 'bottom' }] } } });Estoy tratando de trazar un gráfico de dispersión en Angular 12. Obtengo el siguiente error.
Por favor ayúdenme con la solución para el mismo
·
Juan Pablo Isaza
1 answers
Answer question0
Debe colocar el código de creación del gráfico dentro del método ngAfterViewInit y no olvide especificar el type de gráfico.
export class EchartsDropdownComponent implements AfterViewInit, OnChanges { ngAfterViewInit() { myChart = new Chart('myChart', { type: 'scatter', // <- define the chart type data: { datasets: [{ label: 'Scatter Dataset', ... }
·
Juan Pablo Isaza
Report
Answer question