I'm trying to integrate Kendo Charts into my project, but unlike other Kendo components, Charts are not displayed as expected.
What I expect:Component on Kendo site
What I get:Component on my site
Code:
<Chart>
<ChartSeries>
<ChartSeriesItem data={[ 1, 2, 3, 5 ]} name="Fibonacci"/>
</ChartSeries>
</Chart>
Kendo React Charts not displayed as expected
Viewed 248
1 Answers
Seeing at the documentation. You're probably missing the styling theme.
Try installing the default theme:
npm install --save @progress/kendo-theme-default
and then import it in your App.jsx or App.tsx file, or in the component you have your chart.
import '@progress/kendo-theme-default/dist/all.css';
Or according to kendo examples, you could simply add the styling in the index.html head:
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/4.42.0/default/default-main.css"></link>
I prefer the first option.
Related