From f8e6407c78c270108dc02ced3eda2f735860314b Mon Sep 17 00:00:00 2001 From: Sharly-Atieno Date: Tue, 28 May 2024 12:12:46 +0300 Subject: [PATCH 1/2] SEO-182860-Flutter-Cartesian-Charts --- ...ng => flutter-cartesian-charts-axis-types.png} | Bin ... => flutter-cartesian-charts-live-updates.gif} | Bin ....png => flutter-cartesian-charts-overview.png} | Bin ...ian.png => flutter-cartesian-charts-types.png} | Bin ...flutter-cartesian-charts-user-interaction.gif} | Bin Flutter/cartesian-charts/overview.md | 14 +++++++------- 6 files changed, 7 insertions(+), 7 deletions(-) rename Flutter/cartesian-charts/images/overview/{axis_types_cartesian.png => flutter-cartesian-charts-axis-types.png} (100%) rename Flutter/cartesian-charts/images/overview/{live_updates_cartesian.gif => flutter-cartesian-charts-live-updates.gif} (100%) rename Flutter/cartesian-charts/images/overview/{overview.png => flutter-cartesian-charts-overview.png} (100%) rename Flutter/cartesian-charts/images/overview/{chart_types_cartesian.png => flutter-cartesian-charts-types.png} (100%) rename Flutter/cartesian-charts/images/overview/{chart_user_interaction_cartesian.gif => flutter-cartesian-charts-user-interaction.gif} (100%) diff --git a/Flutter/cartesian-charts/images/overview/axis_types_cartesian.png b/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-axis-types.png similarity index 100% rename from Flutter/cartesian-charts/images/overview/axis_types_cartesian.png rename to Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-axis-types.png diff --git a/Flutter/cartesian-charts/images/overview/live_updates_cartesian.gif b/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-live-updates.gif similarity index 100% rename from Flutter/cartesian-charts/images/overview/live_updates_cartesian.gif rename to Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-live-updates.gif diff --git a/Flutter/cartesian-charts/images/overview/overview.png b/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-overview.png similarity index 100% rename from Flutter/cartesian-charts/images/overview/overview.png rename to Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-overview.png diff --git a/Flutter/cartesian-charts/images/overview/chart_types_cartesian.png b/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-types.png similarity index 100% rename from Flutter/cartesian-charts/images/overview/chart_types_cartesian.png rename to Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-types.png diff --git a/Flutter/cartesian-charts/images/overview/chart_user_interaction_cartesian.gif b/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-user-interaction.gif similarity index 100% rename from Flutter/cartesian-charts/images/overview/chart_user_interaction_cartesian.gif rename to Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-user-interaction.gif diff --git a/Flutter/cartesian-charts/overview.md b/Flutter/cartesian-charts/overview.md index e980a23f6..c22f3cd75 100644 --- a/Flutter/cartesian-charts/overview.md +++ b/Flutter/cartesian-charts/overview.md @@ -1,7 +1,7 @@ --- layout: post -title: About Flutter Cartesian Charts widget | Syncfusion -description: Learn here all about introduction of Syncfusion Flutter Cartesian Charts (SfCartesianChart) widget, its features, and more. +title: Overview of Flutter Cartesian Charts Widget | Syncfusion +description: Learn here all about overview of Syncfusion Flutter Cartesian Charts (SfCartesianChart) widget, it's elements, and more. platform: flutter control: Chart documentation: ug @@ -11,7 +11,7 @@ documentation: ug Syncfusion Flutter Cartesian Charts (SfCartesianChart) widget is written natively in Dart for creating beautiful and high-performance Cartesian charts, which are used to craft high-quality applications using Flutter. -![Overview flutter chart](images/overview/overview.png) +![Overview of Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-overview.png) To get start quickly with our Flutter chart widget, you can check on this video. @@ -23,21 +23,21 @@ To get start quickly with our Flutter chart widget, you can check on this video. * **Chart types** - Supports more than 30+ different chart types such as [`line`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/line-chart), [`spline`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/spline-chart), [`column`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/column-chart), [`bar`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/bar-chart), [`area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/area-chart), [`bubble`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/bubble-chart), [`box and whisker`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/box-and-whisker-chart), [`scatter`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/scatter-chart), [`step line`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/step-line-chart), [`fast line`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/line-chart), [`range column`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/range-column-chart), [`range area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/range-area-chart), [`candle`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/candle-chart), [`hilo`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/hilo-chart), [`OHLC`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/ohlc-chart), [`histogram`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/histogram-chart), [`step area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/step-area-chart), [`spline area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/spline-area-chart), [`spline range area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/spline-range-area-chart), [`stacked area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-area-chart), [`stacked bar`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-bar-chart), [`stacked column`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-column-chart), [`stacked line`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-line-chart), [`100% stacked area`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-area-100-chart), [`100% stacked bar`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-bar-100-chart), [`100% stacked column`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-column-100-chart), [`100% stacked line`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/stacked-line-100-chart), [`waterfall`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/waterfall-chart), [`error bar`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/error-bar-chart), [`pie`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/pie-chart), [`doughnut`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/doughnut-chart), [`radial bar`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/radial-bar-chart), [`pyramid`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/pyramid-chart), [`funnel`](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/funnel-chart). Each type represents data in a unique style. It is more user friendly and has greater UI visualization. - ![Chart Types](images/overview/chart_types_cartesian.png) + ![Chart types in Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-types.png) * **Axis types** - Plot various types of data in a graph with the help of numeric, category, date-time, date-time category and log axis types. The built-in axis features allow to customize an axis elements further to make the axis more readable. - ![Axis Types](images/overview/axis_types_cartesian.png) + ![Axis types in Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-axis-types.png) * **User interaction** - The end-user experience is greatly enhanced by including the user interaction features such as zooming and panning, crosshair, trackball, callbacks, selection, tooltip, and auto-scrolling in chart. - ![User Interaction](images/overview/chart_user_interaction_cartesian.gif) + ![User interaction in Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-user-interaction.gif) * **Legends** - Display additional information about the chart series. The chart legend can also be used to collapse the series. The legends can be wrapped or scrolled if an item exceeds the available bounds. * **Dynamic update** - Updates the chart dynamically or lazily with live data that changes over seconds or minutes like stock prices, temperature, speed, etc. - ![Dynamic Updates](images/overview/live_updates_cartesian.gif) + ![Dynamic updates in Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-live-updates.gif) >**Note**: You can refer to our [Flutter Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Charts example](https://flutter.syncfusion.com/#/cartesian-charts/chart-types/line/default-line-chart) that shows how to render various chart types as well as how to easily configure with built-in support for creating stunning visual effects. From 9c661ec52d4b71dda11baf21dd65bd4074a070d7 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno Date: Wed, 29 May 2024 11:20:44 +0300 Subject: [PATCH 2/2] made changes --- ...=> flutter-cartesian-charts-dynamic-updates.gif} | Bin Flutter/cartesian-charts/overview.md | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename Flutter/cartesian-charts/images/overview/{flutter-cartesian-charts-live-updates.gif => flutter-cartesian-charts-dynamic-updates.gif} (100%) diff --git a/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-live-updates.gif b/Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-dynamic-updates.gif similarity index 100% rename from Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-live-updates.gif rename to Flutter/cartesian-charts/images/overview/flutter-cartesian-charts-dynamic-updates.gif diff --git a/Flutter/cartesian-charts/overview.md b/Flutter/cartesian-charts/overview.md index c22f3cd75..0cc6bcce3 100644 --- a/Flutter/cartesian-charts/overview.md +++ b/Flutter/cartesian-charts/overview.md @@ -37,7 +37,7 @@ To get start quickly with our Flutter chart widget, you can check on this video. * **Dynamic update** - Updates the chart dynamically or lazily with live data that changes over seconds or minutes like stock prices, temperature, speed, etc. - ![Dynamic updates in Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-live-updates.gif) + ![Dynamic updates in Flutter Cartesian Charts.](images/overview/flutter-cartesian-charts-dynamic-updates.gif) >**Note**: You can refer to our [Flutter Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Charts example](https://flutter.syncfusion.com/#/cartesian-charts/chart-types/line/default-line-chart) that shows how to render various chart types as well as how to easily configure with built-in support for creating stunning visual effects.