我正在尝试完成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。