Latest source merged from Syncfusion
This commit is contained in:
Родитель
de991213ee
Коммит
88a32b26ab
|
@ -194,3 +194,5 @@ The [`isTransposed`](https://pub.dev/documentation/syncfusion_flutter_charts/lat
|
|||
{% endhighlight %}
|
||||
|
||||
![Vertical area chart](cartesian-chart-types-images/vertical_area.png)
|
||||
|
||||
N> You can refer to our [Flutter Area Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/area-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Area Chart example](https://flutter.syncfusion.com/#/cartesian-charts/chart-types/area/default-area-chart) that shows how to easily configure with built-in support for creating stunning visual effects.
|
|
@ -148,6 +148,8 @@ You can render the bar chart with track. Track is a rectangular bar rendered fro
|
|||
|
||||
Also refer, [color palette](./series-customization#color-palette), [color mapping](./series-customization#color-mapping-for-data-points), [animation](./series-customization#animation), [gradient](./series-customization#gradient-fill) and [empty points](./series-customization#empty-points) for customizing the bar series further.
|
||||
|
||||
N> You can refer to our [Flutter Bar Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/bar-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Bar Chart example](https://flutter.syncfusion.com/#/cartesian-charts/chart-types/bar/default-bar-chart) that shows how to easily configure with built-in support for creating stunning visual effects.
|
||||
|
||||
### See Also
|
||||
|
||||
* [Create vertical bar chart](https://www.syncfusion.com/kb/12348/how-to-create-vertical-bar-chart-in-flutter-using-cartesian-charts-widget-sfcartesianchart)
|
||||
|
|
|
@ -9,7 +9,7 @@ documentation: ug
|
|||
|
||||
# Box and Whisker Chart in Flutter Cartesian Charts (SfCartesianChart)
|
||||
|
||||
The Box and Whisker charts can be used to visualize a group of numerical data through their quartiles. It is also referred as box plot. Box plots may also have lines extending vertically from the boxes (whiskers) indicating variability outside the upper and lower quartiles.
|
||||
The [Flutter Box and Whisker charts](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/box-and-whisker-chart) can be used to visualize a group of numerical data through their quartiles. It is also referred as box plot. Box plots may also have lines extending vertically from the boxes (whiskers) indicating variability outside the upper and lower quartiles.
|
||||
|
||||
To render a Box and Whisker chart, create an instance of [`BoxAndWhiskerSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/BoxAndWhiskerSeries-class.html), and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/SfCartesianChart.html). The following properties to customize the appearance.
|
||||
|
||||
|
|
|
@ -217,3 +217,5 @@ Using the [`datasource`](https://pub.dev/documentation/syncfusion_flutter_charts
|
|||
{% endhighlight %}
|
||||
|
||||
![Bubble nultiple series](cartesian-chart-types-images/bubble_with_multiple.png)
|
||||
|
||||
N> You can refer to our [Flutter Bubble Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/bubble-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Bubble Chart example](https://flutter.syncfusion.com/#/cartesian-charts/chart-types/bubble/default-bubble-chart) that shows how to easily configure with built-in support for creating stunning visual effects.
|
|
@ -14,7 +14,7 @@ To create a Flutter candle chart quickly, you can check this video.
|
|||
<style>#flutterCandleChartTutorial{width : 90% !important; height: 300px !important }</style>
|
||||
<iframe id='flutterCandleChartTutorial' src='https://www.youtube.com/embed/g5cniDExpRw'></iframe>
|
||||
|
||||
Candle series is similar to HiLo Open Close series, used to represent the low, high, open and closing price over time.
|
||||
[Flutter Candle series](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/candle-chart) is similar to HiLo Open Close series, used to represent the low, high, open and closing price over time.
|
||||
|
||||
To render a Candle chart, create an instance of [` CandleSeries`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CandleSeries-class.html), and add it to the [`series`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/series.html) collection property of [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/SfCartesianChart.html). The following properties can be used to customize the appearance:
|
||||
|
||||
|
|
|
@ -195,4 +195,6 @@ Renders column with track. Track is a rectangular bar rendered from the start to
|
|||
|
||||
![Track](cartesian-chart-types-images/track_column.jpg)
|
||||
|
||||
Also refer, [color palette](./series-customization#color-palette), [color mapping](./series-customization#color-mapping-for-data-points), [animation](./series-customization#animation), [gradient](./series-customization#gradient-fill) and [empty points](./series-customization#empty-points) for customizing the column series further.
|
||||
Also refer, [color palette](./series-customization#color-palette), [color mapping](./series-customization#color-mapping-for-data-points), [animation](./series-customization#animation), [gradient](./series-customization#gradient-fill) and [empty points](./series-customization#empty-points) for customizing the column series further.
|
||||
|
||||
N> You can refer to our [Flutter Column Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/column-chart) feature tour page for its groundbreaking feature representations.
|
|
@ -109,3 +109,5 @@ Also refer [multiple axes](./axis-customization#multiple-axes) for customizing t
|
|||
* Cartesian type series cannot be combined with circular series (pie, doughnut, and radial bar).
|
||||
|
||||
>**NOTE**:`chartData` in the above code snippets is a class type list and holds the data for binding to the chart series. Refer [Bind data source](https://help.syncfusion.com/flutter/cartesian-charts/getting-started#bind-data-source) topic for more details.
|
||||
|
||||
N> You can refer to our [Flutter Combination Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/combination-chart) feature tour page for its groundbreaking feature representations.
|
|
@ -371,4 +371,6 @@ The small segments in the doughnut chart can be grouped into **others** category
|
|||
|
||||
{% endhighlight %}
|
||||
|
||||
![Doughnut grouping](circular-chart-types-images/doughnut_grouping.jpg)
|
||||
![Doughnut grouping](circular-chart-types-images/doughnut_grouping.jpg)
|
||||
|
||||
N> You can refer to our [Flutter Doughnut Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/doughnut-chart) feature tour page for its groundbreaking feature representations.
|
Загрузка…
Ссылка в новой задаче