reactjs - Kendo React Charts 未按预期显示

Question

我正在尝试将 Kendo Charts 集成到我的项目中，但与其他 Kendo 组件不同，Charts 未按预期显示。我的期望：剑道网站上
的组件 我得到的：我网站上的组件
代码：
<Chart>
<ChartSeries>
<ChartSeriesItem data={[ 1, 2, 3, 5 ]} name="Fibonacci"/>
</ChartSeries>
</Chart>

Answer 1

在文档中查看。您可能缺少样式主题。

尝试安装默认主题： npm install --save @progress/kendo-theme-default

然后将其导入您的 App.jsx 或 App.tsx 文件，或您拥有图表的组件中。

import '@progress/kendo-theme-default/dist/all.css';

或者根据剑道示例，您可以简单地在 index.html 头中添加样式：

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/4.42.0/default/default-main.css"></link>

我更喜欢第一个选项。