Highcharts windbarb не хватает памяти

Question

Я пытаюсь использовать модули windbarb в реактивном проекте.При рендеринге Chrome приостанавливает процесс с помощью выделенной строки 135 в файле windbarb.js, которая помечена как «приостановлен до возможного сбоя нехватки памяти».

это мой код:

import React, { Component } from 'react';

import Highcharts from 'highcharts'
import HighchartsReact from 'highcharts-react-official'
import WindBarbs from 'highcharts/modules/windbarb'

WindBarbs(Highcharts)

class Test extends Component {
    constructor(props) {
        super(props)
        this.state = {
            lineData: [
                [1569243600000, 12.5],
                [1569247200000, 12.2]
            ],
            windData: [
                [1569243600000, 29.6],
                [1569247200000, 26.5]
            ],
            highcharts: Highcharts
        }
    }
    render(){
        let options = {
            series: [{
                name: 'Temperature',
                type: 'line',
                data: this.state.lineData
            }, {
                name: 'Wind direction',
                type: 'windbarb',
                data: this.state.windData
            }]
        }
        return(
            <HighchartsReact
                highcharts={this.state.highcharts}
                options={options}
            />
        )
    }
}

export default Test

Answer 1

Эта проблема связана с вашими данными.Первые элементы из массива данных по умолчанию используются как values для windbard серий, что вызывает очень сложный рендеринг SVG.В качестве решения вы можете использовать опцию keys.

series: [{
    type: 'line',
    data: [
        [1569243600000, 12.5],
        [1569247200000, 12.2]
    ]
}, {
    type: 'windbarb',
    keys: ['x', 'value'],
    data: [
        [1569243600000, 29.6],
        [1569247200000, 26.5]
    ]
}]

---

Демонстрационная версия: https://jsfiddle.net/BlackLabel/0k8vmzfd/

Справочник по API:

https://api.highcharts.com/highcharts/series.windbarb.data

https://api.highcharts.com/highcharts/series.windbarb.keys