Как использовать highcharts 'charts.get (location) в React? - PullRequest
Новая
       24

Как использовать highcharts 'charts.get (location) в React?

0 голосов
/ 08 мая 2019

Я использую старшие диаграммы в React и хочу вызвать метод .get ().официальная демонстрация выглядит так: 

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

, и я хочу получить чат в React, поэтому я также использую библиотеку highcharts-реагировать, я создаю ссылку, например: 

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, и var chart = $('.container').highcharts()?

Может кто-нибудь сказать мне, что с ним не так?

1 Ответ

0 голосов
/ 08 мая 2019

Обновление: я исправил это сам.

действительно, экземпляр диаграммы - это не this.chartComponent, это this.chartComponent.current.char

...