Сбой приложения Meteor при запуске с ошибкой Window not found в модуле fusioncharts - PullRequest
Новая
       27

Сбой приложения Meteor при запуске с ошибкой Window not found в модуле fusioncharts

0 голосов
/ 20 сентября 2018

Как только я добавил диаграмму из Fusioncharts в качестве новой зависимости и попытался запустить приложение, она выдает следующую ошибку и прерывает

ReferenceError: окно не определено из строки node_modules / реагировать-fusioncharts / lib /ReactFC.js: 13: 21

Весь этот код используется в клиенте / import / ui / pages, поэтому я не понимаю, почему пытается найти объект окна и это тоже в начале метеора !!

Фрагмент кода.

import ReactFusioncharts from "react-fusioncharts";

class DashBoard extends Component {
  constructor(props) {
    super(props);

  }

  dataSource= {
      // Chart Configuration
      "chart": {
          "caption": "Countries With Most Oil Reserves [2017-18]",
          "subCaption": "In MMbbl = One Million barrels",
          "xAxisName": "Country",
          "yAxisName": "Reserves (MMbbl)",
          "numberSuffix": "K",
          "theme": "fusion",
        },
        // Chart Data
        "data": [{
            "label": "Venezuela",
            "value": "290"
        }, {
            "label": "Saudi",
            "value": "260"
        }, {
            "label": "Canada",
            "value": "180"
        }, {
            "label": "Iran",
            "value": "140"
        }, {
            "label": "Russia",
            "value": "115"
        }, {
            "label": "UAE",
            "value": "100"
        }, {
            "label": "US",
            "value": "30"
        }, {
            "label": "China",
            "value": "30"
        }]
    };

  render() {
    return(    <ReactFusioncharts
      type="column2d"
      width="700"
      height="500"
      dataFormat="JSON"
      dataSource={this.dataSource}
    />
  )
  }
}



export default DashBoard;

1 Ответ

0 голосов
/ 24 сентября 2018

Чтобы отобразить диаграмму с помощью FusionCharts, сначала необходимо импортировать библиотеку fusioncharts, а затем файл библиотеки, из которого вы пытаетесь отобразить пакет диаграмм, затем вы можете импортировать плагин response-fusioncharts. Ниже приведен фрагмент кода для вашегоссылка 

import React from 'react';
import ReactDOM from 'react-dom';
import FusionCharts from 'fusioncharts';
import Charts from 'fusioncharts/fusioncharts.charts';
import ReactFC from 'react-fusioncharts';
import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';

ReactFC.fcRoot(FusionCharts, Charts, FusionTheme);

const myDataSource = {
  "chart": {
    "caption": "Countries With Most Oil Reserves [2017-18]",
    "subCaption": "In MMbbl = One Million barrels",
    "xAxisName": "Country",
    "yAxisName": "Reserves (MMbbl)",
    "numberSuffix": "K",
    "theme": "fusion"
  },
  "data": [
    {
      "label": "Venezuela",
      "value": "290"
    },
    {
      "label": "Saudi",
      "value": "260"
    },
    {
      "label": "Canada",
      "value": "180"
    },
    {
      "label": "Iran",
      "value": "140"
    },
    {
      "label": "Russia",
      "value": "115"
    },
    {
      "label": "UAE",
      "value": "100"
    },
    {
      "label": "US",
      "value": "30"
    },
    {
      "label": "China",
      "value": "30"
    }
  ]
};

const chartConfigs = {
    type: 'column2d',
    width: 600,
    height: 400,
    dataFormat: 'json',
    dataSource: myDataSource,
};

ReactDOM.render(
    <ReactFC {...chartConfigs} />,
    document.getElementById('root'),
);
...