CODEWITHSUNDEEP
reactjskendo-react-ui
Vlad
Vlad

Reputation: 21

Kendo React Charts not displayed as expected

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>

Upvotes: 2

Views: 815

Answers (1)

SakisTsalk
SakisTsalk

Reputation: 865

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.

Upvotes: 1

Related Questions