Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update demo pages after remake demos menu #6866

Open
wants to merge 4 commits into
base: 24_2
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
149 changes: 115 additions & 34 deletions concepts/05 UI Components/Chart/Demos.md
Original file line number Diff line number Diff line change
@@ -1,56 +1,90 @@
#include demos-intro

- [Overview](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Overview/)

**Data Binding**

- [Simple Array](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SimpleArray/)
- [JSON Data](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AjaxRequest/)
- [Client-Side Data Processing](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ClientSideDataProcessing/)
- [Server-Side Data Processing](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ServerSideDataProcessing/)
- [Dynamic Series from the DataSource](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SeriesTemplates/)
- [Dynamic Series](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DynamicSeries/)
- [SignalR Service](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SignalRService/)
- [Load Data on Demand](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LoadDataOnDemand/)
- [Load Data On Demand](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LoadDataOnDemand/)

**Line Charts**
**Area Charts**

- [Line](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Line/)
- [Spline](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Spline/)
- [Resolved Axis Label Overlapping](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AxisLabelsOverlapping/)
- [Hover Mode](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/HoverMode/)
- [Step Line](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/StepLine/)
- [Crosshair](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Crosshair/)
- [Point Image](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PointImage/)
- [Logarithmic vs Linear Axis](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LogarithmicVsLinearAxes/)
- [Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Area/)
- [Spline Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SplineArea/)
- [Step Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/StepArea/)
- [Step Area with Gaps](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/NullPointSupport/)

**Bar Charts**

- [Standard Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/StandardBar/)
- [Side-by-Side Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SideBySideBar/)
- [Stacked Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/StackedBar/)
- [Full-Stacked Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/FullStackedBar/)
- [Full Stacked Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/FullStackedBar/)
- [Side-by-Side Stacked Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SideBySideStackedBar/)
- [Drill-Down Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ChartsDrillDown/)
- [Drill-Down](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/BarDrillDown/)
- [Side-by-Side Full-Stacked Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SideBySideFullStackedBar/)
- [Auto-Calculated Bar Width](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AutoCalculatedBarWidth/)
- [Custom Bar Width](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CustomBarWidth/)
- [Color Each Bar Differently](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ColorEachBar/)
- [Bar Color Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/BarColorCustomization/)
- [Customize Points and Labels](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CustomizePointsAndLabels/)
- [Scale Breaks](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ScaleBreaks/)
- [Bi-Directional Bar Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/BiDirectionalBarChart/)
- [Custom Annotations](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CustomAnnotations/)

**Bullet Charts**

- [Bullets](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SimpleBullets/)

**Doughnut Charts**

- [Doughnut](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Doughnut/)
- [Doughnut Selection](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DoughnutSelection/)
- [Doughnut with Top N Series](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DoughnutWithTopNSeries/)
- [Doughnut with Multiple Series](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PieWithMultipleSeries/)
- [Center Label Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CenterLabelCustomization/)

**Financial Charts**

- [Stock](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Stock/)
- [Candlestick](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Candlestick/)
- [Points Aggregation](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PointsAggregationFinancialChart/)
- [Chart with Annotations](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Annotation/)
- [Annotations](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Annotation/)

**Area Charts**
**Funnel and Pyramid Charts**

- [Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Area/)
- [Spline Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SplineArea/)
- [Step Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/StepArea/)
- [Step Area with Gaps](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/NullPointSupport/)
- [Funnel Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/FunnelChart/)
- [Pyramid Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PyramidChart/)

**Line Charts**

- [Line](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Line/)
- [Spline](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Spline/)
- [Resolve Label Overlap](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ResolveLabelOverlap/)
- [Hover Mode](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/HoverMode/)
- [Step Line](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/StepLine/)
- [Crosshair](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Crosshair/)
- [Point Image](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PointImage/)
- [Logarithmic vs Linear Axes](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LogarithmicVsLinearAxes/)

**Pareto Chart**

- [Pareto Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ParetoChart/)

**Pie Charts**

- [Pie](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Pie/)
- [Equal Size Pies](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/EqualSizePies/)
- [Label Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LabelCustomization/)
- [Small Value Groups](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SmallValueGroups/)
- [Resolve Label Overlap](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PieResolveLabelOverlap/)
- [Palette](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Palette/)
- [Annotations](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PieAnnotations/)
- [Custom Fill Styles](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CustomFillStyles/)

**Point Charts**

Expand All @@ -59,34 +93,81 @@
- [Scatter Logarithmic Axis](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LogarithmicAxis/)
- [Custom Axis Position](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AxisCustomPosition/)

**Polar and Radar Charts**

- [Continuous Data](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ContinuousData/)
- [Discrete Data](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DiscreteData/)
- [Spider Web](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SpiderWeb/)
- [Wind Rose](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/WindRose/)
- [Periodic Data](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PeriodicData/)
- [Inverted Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/InvertedChart/)
- [Annotations](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PolarChartAnnotations/)

**Range Charts**

- [Range Bar](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/RangeBar/)
- [Timeline Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Timeline/)
- [Range Area](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/RangeArea/)

**Combinations**
**Sankey Chart**

- [Overview](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SankeyChart/)

**Sparkline Charts**

- [Sparklines](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/SimpleSparklines/)
- [Area Sparklines](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AreaSparklines/)
- [Bar Sparklines](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/BarSparklines/)
- [Winloss Sparklines](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/WinlossSparklines/)

**Tree Map**

- [Hierarchical Data Structure](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/HierarchicalDataStructure/)
- [Plain Data Structure](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/FlatDataStructure/)
- [Tiling Algorithms](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/TilingAlgorithms/)
- [Colorization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Colorization/)
- [Drill Down](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DrillDown/)

**Axis**

- [Multiple Axes](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/MultipleAxes/)
- [Multiple Panes](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/MultiplePanes/)
- [Points Aggregation](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PointsAggregation/)
- [Error Bars](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ErrorBars/)
- [Pareto Chart](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ParetoChart/)
- [Custom Legend Markers](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CustomLegendMarkers/)
- [Discrete Aggregation](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DiscreteAggregation/)
- [Axis Labels Templates](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AxisLabelsTemplates/)
- [Strips](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Strips/)

- **More Features**
**Aggregation**

- [Points Aggregation](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PointsAggregation/)
- [Discrete Points Aggregation](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DiscretePointsAggregation/)

**Tooltips**

- [Tooltip API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/TooltipAPI/)
- [Tooltip Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/TooltipCustomization/)

**Selection**

- [Export and Printing API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ExportAndPrintingAPI/)
- [Export Several Charts](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ExportSeveralCharts/)
- [Export Custom Markup](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ExportCustomMarkup/)
- [Selection](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Selection/)
- [Multiple Series Selection](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/MultipleSeriesSelection/)
- [Multiple Point Selection](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/MultiplePointSelection/)
- [Select a Point - API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/APISelectAPoint/)
- [Zooming on Area Selection](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ZoomingOnAreaSelection/)
- [Point Selection API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PointSelectionAPI/)

**Customization**

- [Axis Label Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AxisLabelCustomization/)
- [Legend Markers Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/LegendMarkersCustomization/)
- [Multiple Panes](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/MultiplePanes/)
- [Error Bars](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ErrorBars/)

**Zooming**

- [Area Selection Zooming](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/AreaSelectionZooming/)
- [Zooming and Panning](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ZoomingAndScrolling/)
- [Zooming and Panning API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ZoomingAndScrollingAPI/)
- [Discrete Axis Zooming and Panning](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/DiscreteAxisZoomingAndScrolling/)
- [Polar Chart Zooming and Panning API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/PolarChartZoomingAndScrollingAPI/)

**Export**

- [Export and Printing API](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ExportAndPrintingAPI/)
- [Export Several Charts](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ExportSeveralCharts/)
- [Export Custom Markup](https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/ExportCustomMarkup/)

Loading
Loading