Skip to content

Commit 6bd6e70

Browse files
Merge remote-tracking branch 'my/25_1_ng_nested_fix' into 25_1_ng_nested_fix
2 parents fe7e42e + f32c118 commit 6bd6e70

File tree

3 files changed

+24
-6
lines changed

3 files changed

+24
-6
lines changed
Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,13 @@
1-
If your data contains an error or measurement uncertainty, you can indicate a confidential interval on the Chart using error bars. To configure them, use the fields of the series’ **valueErrorBar** object. In this example, error bars indicate a range of average temperatures (on the upper pane) and humidity (on the lower pane) for a specific month.
2-
<!--split-->
1+
DevExtreme Chart supports value error bars. Implement these bars to indicate data measurement tolerances and [confidence intervals](https://en.wikipedia.org/wiki/Confidence_interval). Configure error bar settings and appearance in the **series**.[valueErrorBar](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/valueErrorBar/) object.
2+
3+
<!--split-->
4+
5+
To enable error bars, specify one of the following pairs of **valueErrorBar** properties:
6+
7+
- [lowValueField](Documentation/ApiReference/UI_Components/dxChart/Configuration/series/valueErrorBar/#lowValueField) and [highValueField](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/valueErrorBar/#highValueField)
8+
Specify predefined error bars for each series point.
9+
10+
- [value](Documentation/ApiReference/UI_Components/dxChart/Configuration/series/valueErrorBar/#value) and [type](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/valueErrorBar/#type)
11+
Configure dynamically calculated error bars.
12+
13+
This demo implements predefined error bars specified in the Chart data source.
Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,7 @@
1-
The Chart component allows you to&nbsp;create charts with multiple panes stacked vertically. Each pane can plot one or&nbsp;more series and can share the argument axis with other plots.
2-
<!--split-->
1+
The DevExtreme Chart component allows you to display data in multiple panes. To configure a multi-pane chart, specify the [panes[]](/Documentation/ApiReference/UI_Components/dxChart/Configuration/panes/) array. The component stacks panes vertically (or horizontally when [rotated](/Documentation/ApiReference/UI_Components/dxChart/Configuration/#rotated) is `true`).
2+
3+
<!--split-->
4+
5+
Chart assigns unique [value axes](/Documentation/ApiReference/UI_Components/dxChart/Configuration/valueAxis/) and a shared [argument axis](/Documentation/ApiReference/UI_Components/dxChart/Configuration/argumentAxis/) to all panes. To configure the value axis of a specific pane, define **valueAxis** properties and assign the **pane**.[name](/Documentation/ApiReference/UI_Components/dxChart/Configuration/panes/#name) value to **valueAxis**.[pane](/Documentation/ApiReference/UI_Components/dxChart/Configuration/valueAxis/#pane).
6+
7+
DevExtreme Chart can display multiple [series](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/) in a single pane. Specify the **series**.[pane](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/#pane) property to display a series in a specific pane.
Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1-
In&nbsp;this demo, the DevExtreme Chart component is&nbsp;used to&nbsp;create&nbsp;a [Pareto chart][0]. This example of&nbsp;a&nbsp;Pareto chart summarizes complaints about the service provided by&nbsp;a&nbsp;pizza shop. From this chart, the pizza shop owner may infer that to&nbsp;satisfy most of&nbsp;the customers, he&nbsp;or&nbsp;she needs to&nbsp;eliminate two most frequently encountered issues: delayed delivery and cold pizza.
1+
You can utilize the DevExtreme Chart component to display data in a [Pareto chart](https://en.wikipedia.org/wiki/Pareto_chart). A Pareto chart displays individual values along with their cumulative totals. In this demo, individual values are numbers of complaints and cumulative totals are represented as percentages.
22

3-
[0]: https://en.wikipedia.org/wiki/Pareto_chart
3+
<!--split-->
4+
5+
To create a Pareto chart, configure two [series](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/) objects. Assign the [Bar](/Documentation/ApiReference/UI_Components/dxChart/Series_Types/BarSeries/) and [Line](/Documentation/ApiReference/UI_Components/dxChart/Series_Types/LineSeries/)/[Spline](/Documentation/ApiReference/UI_Components/dxChart/Series_Types/SplineSeries/) series types to **series**.[type](/Documentation/ApiReference/UI_Components/dxChart/Configuration/series/#type). To represent the numbers of the [Pareto principle](https://en.wikipedia.org/wiki/Pareto_principle) (80/20), you can specify constant lines. This demo configures a **valueAxis**.[constantLines](/Documentation/ApiReference/UI_Components/dxChart/Configuration/valueAxis/constantLines/) object to display a constant line at 80% of the cumulative total axis.

0 commit comments

Comments
 (0)