Gooddata.UI - 图表未显示，table 无格式

Question

我正在努力完成 Gooddata.ui 的 intro tutorial。但是，我看不到任何图表。我可以看到加载项目符号，但没有图表。

更具体地说：

折线图只显示了很短的时间然后就消失了（只是一闪而过）
条形图根本没有显示
a table 显示时没有格式化

我的代码看起来像这样（我从 create-react-app 中删除了所有东西）：

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;

拜托，你能帮我找到问题吗？

Answer 1

您似乎忘记添加以下代码行来加载 CSS:

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

参见 part 6 of the tutorial 中的步骤 2。

Gooddata.UI - 图表未显示，table 无格式

Gooddata.UI - charts are not shown, table without formatting

gooddata