He conseguido que se muestren los valores, pero que no se comporte correctamente con respecto al eje
HTML:
<apx-chart [series]="chartOptions.series" [chart]="chartOptions.chart" [xaxis]="chartOptions.xaxis" [colors]="chartOptions.colors" [dataLabels]="chartOptions.dataLabels" [markers]="chartOptions.markers" [yaxis]="chartOptions.yaxis" [title]="chartOptions.title" ></apx-chart>TS:
let matrix = {}; const data = this.data.map((point, index) => { matrix[index] = point[this.data.type + 'Value']; let value = this.data.type === 'number' ? point[this.data.type + 'Value'] : index; return { x: this.transformDate(point.createdAt), y: value } }); this.chartOptions = { series: [ { name: this.data.name, data }, ], chart: { height: this.chartHeight, width: this.chartWith, type: "line", dropShadow: { enabled: true, color: "#000", top: 18, left: 7, blur: 10, opacity: 0.2 }, toolbar: { show: false } }, colors: ["#77B6EA", "#545454"], dataLabels: { enabled: true, formatter: (val, index) => { return this.data.type === 'number' ? val : matrix[val]; } }, title: { text: this.data.name, align: "left" }, markers: { size: 1 }, xaxis: { title: { text: "Date" } }, yaxis: { labels: { show: true, formatter: (value, index) => { return this.data.type === 'number' ? value : matrix[value]; } }, title: { text: this.data?.unit || 'Values' }, }, };Cuando los valores son numéricos no hay problema, el problema es con el booleano y el tipo enum, estos se representan pero mal siempre crecen en el eje y y los valores se repiten
Ejemplos: gráfico con valores de enumeración
