Quiero mostrar varias etiquetas en el gráfico que se muestra en mi aplicación.
Enlace a la biblioteca Chartjs
En la biblioteca, puede ver que el gráfico de barras tiene una sola etiqueta, "Mi primer conjunto de datos", que se muestra en la parte superior del gráfico. Quiero otra etiqueta con el siguiente color.
Aquí está mi código:
this.chartData = { labels: [ ...labelList ], datasets: [ { label: ['Digital Revenue', 'Standard Revenue'], //I want these two at the top data: [ ...dataList ], backgroundColor: [ 'rgb(255, 99, 132)', //using these two colours, but I am getting both values with a single colour 'rgb(54, 162, 235)', ], hoverOffset: 4, }, ], }; this.chartConfig = { type: CHART_CONFIG.BAR_CHART, data: this.chartData, options: {}, }; this.myChart = new Chart( document.getElementById('myChart') as HTMLCanvasElement, this.chartConfig );