Quiero pasar un parámetro a la línea del gráfico basado en json iput s data1 en lugar de var labeltabmles = ['Redddd', 'Blue', 'Yellow', 'Green']; etiqueta de datos var = [1240, 190, 30, 545];
Hice el algoritmo a continuación para obtener los valores de conteo en variable listcount y obtener los valores de tipo en variable listtype para configurar etiquetas de parámetros y datos de configuración de gráfico de líneas de entradas de archivos json usando el siguiente código:
listcount = []; listtype = [];......
ngOnInit(): void { var data1 = [{ "type": "MATH", "count": 55 }, { "type": "ENGLISH", "count": 22 }, { "type": "SCINETIST", "count": 18 }]; for (var key in data1) { var typeelement = data1[key]["type"]; var countelemtn = data1[key]["count"]; this.listtype.push(typeelement); this.listcount.push(countelemtn); console.log(this.listcount); console.log(this.listtype); } console.log(this.listcount); console.log(this.listtype); var labeltabmles = ['Redddd', 'Blue', 'Yellow', 'Green']; var datalabel = [1240, 190, 30, 545]; const myChart1 = new Chart("myChartline", { type: 'line', data: { labels: labeltabmles, datasets: [{ label: '# of Votes', data: datalabel, backgroundColor: "#007ee7", borderColor: "#007ee7", borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } });quiero configurar var labeltabmles = ['Redddd', 'Blue', 'Yellow', 'Green']; etiqueta de datos var = [1240, 190, 30, 545]; usando las variables listcount, listtype donde el resultado de esta dos matriz sigue el código, ingrese la descripción de la imagen aquí
Necesito su ayuda para pasar listcount y listtype como parámetro a la etiqueta de datos y los datos del gráfico que probé, pero la aplicación no sucedió, this.listtype y this.listcount aún están vacíos;
var labeltabmles = this.listcount ; var datalabel = this.listype;Gracias por su apoyo y ayuda
encuentro la solución: -usando la TYPELIST: any = []; COUNTLIST: any = [];
-y actualice la variable utilizada en la función push en la iteración
for (var key in data1) { var typeelement = this.contentype[key]["type"]; var countelemtn = this.contentype[key]["count"]; this.TYPELIST.push(typeelement); this.COUNTLIST.push(countelemtn); } const myChart1 = new Chart("myChartline", { type: 'line', data: { labels: this.TYPELIST, datasets: [{ label: '# of Votes', data: this.COUNTLIST, backgroundColor: "#007ee7", borderColor: "#007ee7", borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } });