Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 18 Jan 2023 12:47 by ADMIN
lavanya
Created on: 18 Jan 2023 03:39
Category: KendoReact
Type: Feature Request
0
chart data
const bar = [
  { month: 'Jan', sales: 35 },
  { month: 'Feb', sales: 28 },
  { month: 'Mar', sales: 34 },
  { month: 'Apr', sales: 32 },
  { month: 'May', sales: 40 },
  { month: 'Jun', sales: 32 },
  { month: 'Jul', sales: 35 },
  { month: 'Aug', sales: 55 },
  { month: 'Sep', sales: 38 },
  { month: 'Oct', sales: 30 },
  { month: 'Nov', sales: 25 },
  { month: 'Dec', sales: 32 }

];

 

this is my data I want to use a column chart using this data x-axis as month and y-axis sales how can i use this data

1 comment
ADMIN
Wissam
Posted on: 18 Jan 2023 12:47

Hi, Lavanya,

The KendoReact Chart supports binding its data to an array of objects. In this case, you will additionally need to set the field and categoryField props.

In the below example, I bound the data you sent to a Column Chart:

For more information about data binding in the Chart component, you can check the following article:

Regards,
Wissam
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category