🔥🔥🔥 Winter Sale 2024: Join Creative Tim Club Today & Get 45% OFF! ✨
View Offer×

Line Charts

The Line Charts components helps you to simply create a beautiful line chart for displaying the data.


Default Line Chart

Props Information

NameTypeDefaultDescription
titleStringUsed to set the title.
heightNumberString300Used to set the chart height.
chartOptionsobjectIt is an object and is used to set the chart configuration.
seriesarrayIt is an array and is used to set the data and label.

Line Chart

Pro

Income

$130,832 +90%

Props Information

NameTypeDefaultDescription
titleStringUsed to set the title.
heightNumberString100Used to set the chart height.
valueobjectUsed to set a description for the chart and has the following keys:
  1. amount of type string.
  2. percentage of type object with value and color keys.
chartOptionsobjectIt is an object and is used to set the chart configuration.
seriesarrayIt is an array and is used to set the data and label.

Gradient Line Chart

Pro

Props Information

NameTypeDefaultDescription
heightNumberString290Used to set the chart height.
chartOptionsobjectIt is an object and is used to set the chart configuration.
seriesarrayIt is an array and is used to set the data and label.

Mini Gradient Line Chart

Pro

Props Information

NameTypeDefaultDescription
heightNumberString150Used to set the chart height.
chartOptionsobjectIt is an object and is used to set the chart configuration.
seriesarrayIt is an array and is used to set the data and label.

Progress Line Chart

Pro

Tasks

480
60%

Props Information

NameTypeDefaultDescription
titleStringUsed to set the title.
heightNumberString100Used to set the chart height.
iconstringcalendar-grid-58Used to set the chart icon
countNumberUsed to set the total count of items under the title of the chart.
progressNumberUsed to set the chart progress bar percentage value.
isRTLboolUsed to set the direction for RTL pages
chartOptionsobjectIt is an object and is used to set the chart configuration.
seriesarrayIt is an array and is used to set the data and label.