Gooddata.UI - графики не отображаются, таблица без форматирования

Я пытаюсь закончить вводный учебник для Gooddata.ui. Тем не менее, я не могу увидеть ни одной диаграммы. Я вижу загрузку пуль, но нет диаграмм.

Чтобы быть более конкретным:

  • линейный график отображается только на короткое время, а затем исчезает (просто щелчок)
  • гистограмма вообще не отображается
  • таблица отображается без форматирования

Мой код выглядит так (я удалил все из приложения create-реагировать):

import React, { Component } from 'react';
import { LineChart, BarChart, Table } from '@gooddata/react-components';

...

class App extends Component {
render() {
    return (
        <div className="App">
           <div style={{ height: 300 }}>
                <Table
                    projectId="xms7ga4tf3g3nzucd8380o2bev8oeknp"
                    measures={measures}
                />
            </div>
            <div style={{ height: 300 }}>
                <LineChart
                    projectId="xms7ga4tf3g3nzucd8380o2bev8oeknp"
                    measures={measures}
                    trendBy={attribute}
                    config={{
                        colors: [ '#14b2e2']
                    }}
                />
            </div>
        </div>
    );
}
}

export default App;

Пожалуйста, не могли бы вы помочь мне найти проблему?


person C. Emmett    schedule 19.09.2018    source источник


Ответы (1)


Похоже, вы забыли добавить следующую строку кода для загрузки CSS:

import '@gooddata/react-components/styles/css/main.css';

См. шаг 2 в части 6 учебник.

person Jarda Machaň    schedule 19.09.2018