versión chartjs: 3.6.0
Chartjs-plugin-anotación versión: 1.0.2
El complemento se registra así:
import { Chart } from 'chart.js'; import annotationPlugin from 'chartjs-plugin-annotation'; Chart.register(annotationPlugin);Y estoy usando el complemento como una constante que agrego a la configuración del gráfico:
plugins = { autocolors: false, annotation: { annotations: { box1: { type: 'box', yMin: 2, yMax: 4, backgroundColor: 'rgba(221, 29, 33, 0.3)', borderColor: 'rgba(0,0,0,0)', }, box2: { type: 'box', yMin: 0, yMax: 2, backgroundColor: 'rgba(251, 206, 7, 0.3)', borderColor: 'rgba(0,0,0,0)', }, box3: { type: 'box', yMin: -2, yMax: 0, backgroundColor: 'rgba(92, 171, 42, 0.3)', borderColor: 'rgba(0,0,0,0)', }, box4: { type: 'box', yMin: -4, yMax: -2, backgroundColor: 'rgba(166, 166, 166, 0.3)', borderColor: 'rgba(0,0,0,0)', }, }, }, };Estoy representando el gráfico como una cadena base64 para poder convertirlo en una imagen estática. Los datos se grafican pero las cajas no. Funcionaba hace dos semanas y ahora no.