Estoy tratando de usar la información sobre herramientas de React Chartist y no hay errores, pero no aparece nada cuando se desplaza el gráfico. También parece estar debajo de mi DOM. También lo he especificado para que tenga una posición absoluta, y una altura y un ancho, pero no muestra nada.

 const [options, setOptions] = useState({ showArea: true, showLabels: true, fullWidth: true, high: 17, low: 0, chartPadding: { top: 20, right: 0, bottom: 0, left: -40, }, axisX: { showGrid: true, showLabel: true, labelInterpolationFnc: function (value, index) { return index !== 0 && index !== data.labels.length - 1 ? value : null; }, }, plugins: [ ChartistTooltip({ appendToBody: true, pointClass: "ct-line-marker", }), ], axisY: { showLabel: true, showGrid: false }, }); const drawPoint = (ctx) => { if (ctx.type === "point" && ctx.index === markerIndex) { var circle = new chartist.Svg( "circle", { cx: ctx.x, cy: ctx.y, r: 7, "ct:value": ctx.value.y, "ct:meta": ctx.meta, style: "pointer-events: all !important", }, "ct-line-marker" ); ctx.element.replace(circle); } };

Componente de gráfico

 <Chartist listener={{ created: createGradient, draw: drawPoint, }} options={options} data={data} type={type} />