TypeError: Cannot read property 'plugins' of undefined

[pzg250]

Hi,
I am trying to use this plugin in react project but got an error. It shows TypeError: Cannot read property 'plugins' of undefined
Could you help? Thx in advanced.

Some of the code:

import ChartistGraph from "react-chartist";
import { ChartistLib, Chartist } from "chartist";
...

render() {
    let  chartOptions={
        axisX: {
            showGrid: fal
        },
        axisY: {
            showGrid: false,
            showLabel: false,
            low: 0,
            high: this.state.weeklySalesStatisticsBarChartData.high,
            offset: 0,
        },
        fullWidth: true,
        offset: 0,
        chartPadding: 25,
        plugins: [
            Chartist.plugins.ctPointLabels({
                textAnchor: 'middle'
            })
        ]
    };
    return (
        <ChartistGraph
               className="height-200 lineChart lineChartShadow"
               data={this.state.weeklySalesStatisticsBarChartData}
               type="Line"
               options={chartOptions}
               listener={{
                  created: data => {
                     let circleRadius = 4;
                     if (data.type === "point") {
                        let circle = new ChartistLib.Svg("circle", {
                           cx: data.x,
                           cy: data.y,
                           r: circleRadius,
                           'class': "ct-point-circle"
                        });

                        data.element.replace(circle);
                     } else if (data.type === "label") {
                        // adjust label position for rotation
                        const dX = data.width / 2 + (30 - data.width);
                        data.element.attr({ x: data.element.attr("x") - dX });
                     }
                  }
               }}
            />
    )

[pzg250]

Got the reason. Need to import ctPointLabels. Close this ticket.

import ctPointLabels from "chartist-plugin-pointlabels";