Gooddata.UI - 图表不显示,表格没有格式



我正在尝试完成Gooddata.ui的介绍教程。但是,我看不到任何图表。我可以看到加载项目符号,但没有图表。

更具体地说:

  • 折线图只显示一小段时间,然后消失(只是轻弹(
  • 根本不显示条形图
  • 显示的表格不带格式

我的代码看起来像这样(我从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;

拜托,你能帮我找到问题吗?

看起来您忘记添加以下代码行来加载 CSS:

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

请参阅本教程第 6 部分中的步骤 2。

最新更新