Angular Chart Component

• Configure these the Angular Area Charts by choosing options such as area color, overlay opacity and more.
• The stacking order can either be implicit or controlled through a user-set zIndex.
• Vertical Area Charts are functionally equivalent to Area Charts but transpose the axes—the category axis is vertical, and the value axis is horizontal.

• Configure these Angular Bar Charts by choosing series colors, spacing between bars, and more.
• Stacked Bar and 100% Stacked Bar also included.
• Bar and Column charts are identical except the axes are transposed.

• The Angular Box Plot Chart displays data distribution summary with six indicators (lower value, first quartile, median, mean, third quartile, upper value) and outliers for each series of data.
• Customize the appearance of the mean and median lines, outliers, and whiskers.

• A type of scatter chart, the Angular Bubble Chart displays points with sizes defined by the value of an item.
• Useful for scientific, economic, and social relations.

• A variation of bar chart, the Angular Buller Chart compares a given quantitative measure, such as temperature, against a qualitative range, such as warm, hot, and cold, and a symbol marker which encodes the comparative measure, such as the max temperature a year ago.
• Often used as a replacement for dashboard gauges.

• A variation of pie charts, the Angular Donut Chart can display multiple series.
• Many developers use the center area to display addition information.

• The Angular Funnel chart displays a series of data in progressively decreasing or increasing proportions that are organized in segments, where each segment represents the value for the item from the series.
• Values can also influence size and shape of the segments.
• Basic configuration options include funnel shape and dynamic slope and height (based on item value).

• The Angular Heatmap Chart uses colors to indicate relative value of data points.
• Features include color scales, marker shapes and more.

• The Angular Line Chart is a easy-to-implement version of the most common chart type.
• Among many customization options are lines style (normal, step, smooth) and color.

• The Angular Pie chart is a common chart type that can bind to numbers, arrays, or objects (aka models).
• Flexible labeling is built in. Choose to auto-fit to the container to prevent clipping. Display them in circular or column layout.

The Angular Polar Chart displays multivariable (three or more variables) data in the for of a two-dimensional chart.

The Angular Radar Chart, also called Spider Chart) is useful for comparing two or more series of data. It wraps the X axis in a circle which makes the data series form a distinct shape.

The Angular Range Area chart is a variation of the standard Area chart. The difference is that only the overlay area is filled. It is very useful for comparing data.

The Angular Range Bar Chart is a variation of the standard Bar Chart. The difference is that only the overlay area is filled. It is very useful for comparing data.

• The Angular Scatter Chart component includes Scatter Plot and Scatter Line types.
• These charts are particularly useful for showing data across two variables.

Waterfall charts tell the story of a change in data over time or category by showing a beginning value, additions or subtractions, and an ending value.

• The Angular Stock Chart shows the price movement of a stock over time.
• This is a separate component that extends the base Charts component and shares its features.
• A built-in navigator pane helps users zero in on the data they’d like to see.

• The Angular Sparkline is a tiny chart without axes, coordinates, legends, titles, or other chart-specific elements.
• They are mostly embedded into tables, headlines, or in the context of text.
• Line, bar, column, area, pie, and bullet types are supported.

• Chart categorical or time series data
• Choose date range
• Display multiple axes
• Customize label position or limit number of labels
• Plat aggregates

When chart labels are hidden, it can be difficult to see a data point’s specific X and Y value. With the built-in Crosshairs feature of the Kendo UI for Angular Charts component, you enable a crossing line moving perpendicularly to either axis that allows users to see the exact value at their current cursor position.

Display margins of error to indicate data points variability with Error Bars. In Kendo UI for Angular Charts, you can define the high and low fields associated with every value, allowing for an indicator to show where within a range of possible values the rendered data point falls.

The data series and axis labels are completely customizable. On the basic level, set the appearance, position, and visibility. For more advanced scenarios, load custom content or non-textual visuals.

The built-in notes feature allows you to set and display notes related to data points or axes.

Panes allow you to divide a chart area into two or more charts that can share a common category axis. It’s great for comparing related trends.

Plot Bands allow you to highlight a specific range on a series axis, both X and Y. In this way you can showcase a range of good or bad numbers or draw attention to a certain area of the Angular Chart. You can define an unlimited number of plot bands in a single Angular Chart.

The Kendo UI for Angular Charts allow users to select a single, or a range of, data point(s) inside the chart. You can select data items with a single click through either dragging the mouse over a large area of the chart or working with a selection overlay that includes drag handles to help modify the range of selection.

Develop great UX by highlighting chart series when they are hovered or tapped.

Use Tooltips to interactively provide users with additional information about specific values or fields not necessarily displayed within the Angular Chart. Tooltips can be displayed by hovering over a particular chart element. You can also display tooltips with a set of crosshairs that move along with the mouse to indicate the current X and Y value of the mouse pointer location.

The Angular Chart library fully supports internationalization and localization. Messages can be translated, and symbols conform to locale.

You can enable RTL mode to display the control’s text and UI elements from left to right.

You can easily and flexibly bind the Kendo UI for Angular Chart components to various forms of data. This includes binding to simple arrays with X and Y values and into more advanced data types and objects with fields. Data binding comes with several helpful configuration options for binding to dates.