如何在 React 中使用 highcharts 的 charts.get(location)？

Question

我在 React 中使用 highcharts，我想调用 .get() 方法。官方演示是这样的：

var chart = $('#container').highcharts(),
    locationA = chart.get('locationA'),
    locationB = chart.get('locationB'),
    locationC = chart.get('locationC'),
    locationD = chart.get('locationD');

我想在 React 中聊天，所以我也使用 highcharts-react lib，我创建了一个这样的 ref :

constructor(props) {
        super(props);
        this.chartComponent = React.createRef();
    }

render() {
        console.dir(usaBubbleData);
        return (
            <div className='container'>
                <HighchartsReact
                    highcharts={Highcharts}
                    constructorType={"mapChart"}
                    options={maplineOptions}
                    ref={this.chartComponent}
                />
            </div>
        );
    }

componentDidMount() {
        var locationA = this.chartComponent.get("locationA"),
}

我得到一个错误： × TypeError: this.chartComponent.get is not a function

我不知道 React 中的 ref 和 var chart = $('.container').highcharts() 是同一个实例吗？

谁能告诉我这是怎么回事？

Answer 1

更新：我已经自己修复了。

事实上图表实例不是 this.chartComponent ，它是 this.chartComponent.current.char

如何在 React 中使用 highcharts 的 charts.get(location)？

How to use highcharts' charts.get(location) in React?

highcharts

react-native

react-highcharts