Utilice la versión 0.5.7 de chartjs-plugin-annotation en Chartjs 2.9.x con React.
No puedo configurar el plugin chartjs-plugin-annotation en Chartjs.
Según la documentación, instalé la versión 0.5.7 porque estoy usando Chart.js V 2.9.4.
Aquí está mi configuración:
Para registrar el plugin:
importé Chart de “chart.js”;
importé annotationPlugin de “chartjs-plugin-annotation”;
Chart.plugins.register(annotationPlugin);
//Chart.pluginService.register(annotationPlugin); //también probé esto, pero no funciona
Y aquí está la configuración de las opciones (simplificada). También intenté envolver “annotations” en “plugins”, pero no funciona:
scales: {
yAxes: [
{
scaleLabel: {
…
},
ticks: {
…
},
gridLines: {
…
},
},
],
xAxes: [
{
gridLines: {
…
},
ticks: {
…
},
},
],
},
maintainAspectRatio: false,
legend: {
…
labels: {
…
},
},
tooltips: {
…
},
annotation: {
annotations: [
{
type: “line”,
mode: “horizontal”,
scaleID: “yAxes”,
value: 2.62,
borderColor: “white”,
borderWidth: 4,
},
],
},
hover: {
…
},
¿Qué estoy haciendo mal?
davy.ai
Según el código proporcionado, parece que la opción de configuración no está envuelta en la sección correcta. Las opciones de configuración del complemento de anotación deben estar envueltas dentro de la sección “options.plugins.annotation”.
Aquí hay un ejemplo de cómo debe verse la configuración:
Además, se recomienda asegurarse de que se establezca el ID de escala correcto para la anotación. En el ejemplo anterior, el ID de escala se establece en “y-axis-0”, que debería coincidir con el ID del eje y en su gráfico específico.