Skip to content
This repository was archived by the owner on May 19, 2026. It is now read-only.
Closed
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
7 changes: 0 additions & 7 deletions kr/components/bullet-graph.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ The following sample demonstrates how setting multiple properties on the same ga
github-src="gauges/bullet-graph/animation">
</code-view>


<div class="divider--half"></div>

This gauge supports one scale, one set of tick marks and one set of labels. The component also has built-in support for animated transitions. This animation is easily customizable by setting the `transitionDuration` property.
Expand Down Expand Up @@ -117,7 +116,6 @@ Performance value is the primary measure displayed by the component and it is vi
github-src="gauges/bullet-graph/measures">
</code-view>


## Comparative Ranges

The ranges are visual elements that highlight a specified range of values on a scale. Their purpose is to visually communicate the qualitative state of the performance bar measure, illustrating at the same time the degree to which it resides within that state.
Expand Down Expand Up @@ -153,7 +151,6 @@ The ranges are visual elements that highlight a specified range of values on a s
github-src="gauges/bullet-graph/ranges">
</code-view>


## Tick Marks

The tick marks serve as a visual division of the scale into intervals in order to increase the readability of the bullet graph.
Expand Down Expand Up @@ -187,7 +184,6 @@ The tick marks serve as a visual division of the scale into intervals in order t
github-src="gauges/bullet-graph/tickmarks">
</code-view>


## Labels

The labels indicate the measures on the scale.
Expand All @@ -212,7 +208,6 @@ The labels indicate the measures on the scale.
github-src="gauges/bullet-graph/labels">
</code-view>


## Backing

The backing element represents background and border of the bullet graph control. It is always the first element rendered and all the rest of elements such as labels, and tick marks are overlaid on top of it.
Expand All @@ -236,7 +231,6 @@ The backing element represents background and border of the bullet graph control
github-src="gauges/bullet-graph/background">
</code-view>


## Scale

The scale is visual element that highlights the full range of values in the gauge. You can customize appearance and shape of the scale. The scale can also be inverted (using [`isScaleInverted`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxbulletgraphcomponent.html#isScaleInverted) property) and all labels will be rendered from right-to-left instead of left-to-right.
Expand All @@ -261,7 +255,6 @@ The scale is visual element that highlights the full range of values in the gaug
github-src="gauges/bullet-graph/scale">
</code-view>


## Summary

For your convenience, all above code snippets are combined into one code block below that you can easily copy to your project and see the bullet graph with all features and visuals enabled.
Expand Down
10 changes: 0 additions & 10 deletions kr/components/charts/chart-features.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ Modify or customize all aspects of both the X-Axis and Y-Axis using the differen
github-src="charts/data-chart/axis-crossing">
</code-view>


<div class="divider--half"></div>

### Annotations
Expand All @@ -35,7 +34,6 @@ These additional layers are on top of the chart which are mouse / touch dependen
github-src="charts/category-chart/line-chart-with-annotations">
</code-view>


<div class="divider--half"></div>

### Animations
Expand All @@ -48,7 +46,6 @@ Animate your chart as it loads a new data source by enabling animations. These a
github-src="charts/category-chart/line-chart-with-animations">
</code-view>


<div class="divider--half"></div>

### Highlighting
Expand All @@ -61,7 +58,6 @@ Bring focus to visuals such as lines, columns, or markers by highlighting them a
github-src="charts/category-chart/column-chart-with-highlighting">
</code-view>


<div class="divider--half"></div>

### Markers
Expand All @@ -74,7 +70,6 @@ Identify data points quickly, even if the value falls between major gridlines wi
github-src="charts/category-chart/marker-options">
</code-view>


<div class="divider--half"></div>

### Navigation
Expand All @@ -87,7 +82,6 @@ You can navigate the chart by zooming and panning with the mouse, keyboard, and
github-src="charts/data-chart/chart-navigation">
</code-view>


<div class="divider--half"></div>

### Overlays
Expand All @@ -100,7 +94,6 @@ Overlays allows you to annotate important values and thresholds by plotting hori
github-src="charts/data-chart/series-value-overlay">
</code-view>


<div class="divider--half"></div>

### Performance
Expand All @@ -113,7 +106,6 @@ Angular charts are optimized for high performance of rendering millions of data
github-src="charts/category-chart/high-volume">
</code-view>


<div class="divider--half"></div>

### Tooltips
Expand All @@ -126,7 +118,6 @@ Display all information relevant to the particular series type via Tooltips. The
github-src="charts/category-chart/column-chart-with-tooltips">
</code-view>


<div class="divider--half"></div>

### Trendlines
Expand All @@ -139,5 +130,4 @@ Use trendlines to identify a trend or find patterns in your data. There are many
github-src="charts/financial-chart/trendlines">
</code-view>


<div class="divider--half"></div>
19 changes: 0 additions & 19 deletions kr/components/charts/chart-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,6 @@ The Angular Bar Chart, or Bar Graph is among the most common category chart type
github-src="charts/data-chart/bar-chart-multiple-sources">
</code-view>


<div class="divider--half"></div>

### Angular Pie Chart
Expand All @@ -60,7 +59,6 @@ The Angular Pie Chart, or Pie Graph, is a very common part-to-whole chart type.
github-src="charts/pie-chart/overview">
</code-view>


<div class="divider--half"></div>

### Angular Line Chart
Expand All @@ -73,7 +71,6 @@ The Angular Line Chart, or Line Graph is a type of category line graph shows the
github-src="charts/category-chart/line-chart-multiple-sources">
</code-view>


<div class="divider--half"></div>

### Angular Donut Chart
Expand All @@ -86,7 +83,6 @@ The Angular Donut Chart or Donut Graph, is a variant of a Pie Chart, proportiona
github-src="charts/doughnut-chart/legend">
</code-view>


<div class="divider--half"></div>

### Angular Area Chart
Expand All @@ -99,7 +95,6 @@ The Angular Area Chart is rendered using a collection of points connected by str
github-src="charts/category-chart/area-chart-multiple-sources">
</code-view>


<div class="divider--half"></div>

### Angular Sparkline Chart
Expand All @@ -112,7 +107,6 @@ The Angular Sparkline Chart, or Sparkline Graph is a type of category graph inte
github-src="charts/sparkline/display-types">
</code-view>


<div class="divider--half"></div>

### Angular Bubble Chart
Expand All @@ -125,7 +119,6 @@ The Angular Bubble Chart, or Bubble Graph, is used to show data comprising of th
github-src="charts/data-chart/scatter-bubble-chart-multiple-sources">
</code-view>


<div class="divider--half"></div>

### Angular Financial / Stock Chart
Expand All @@ -138,7 +131,6 @@ The Angular Financial or Stock Chart, is a composite visualization that renders
github-src="charts/financial-chart/multiple-data">
</code-view>


<div class="divider--half"></div>

### Angular Column Chart
Expand All @@ -151,7 +143,6 @@ The Angular Column Chart, or Column Graph is among the most common category char
github-src="charts/category-chart/column-chart-multiple-sources">
</code-view>


<div class="divider--half"></div>

### Angular Composite Chart
Expand All @@ -164,7 +155,6 @@ The Angular Composite Chart, also called a Combo Chart, is visualization that co
github-src="charts/data-chart/composite-chart">
</code-view>


<div class="divider--half"></div>

<!-- ### Angular Gantt Chart
Expand All @@ -185,7 +175,6 @@ The Angular Polar Area Chart or Polar Graph belongs to a group of polar charts a
github-src="charts/data-chart/polar-line-chart">
</code-view>


<div class="divider--half"></div>

<!-- ### Angular Pyramid Chart
Expand All @@ -202,7 +191,6 @@ The Angular Scatter Chart, or Scatter Graph, is used to show the relationship be
github-src="charts/data-chart/scatter-point-chart">
</code-view>


<div class="divider--half"></div>

### Angular Shape Chart
Expand All @@ -215,7 +203,6 @@ The Angular Shape Charts is a group of chart that take array of shapes (array or
github-src="charts/data-chart/type-scatter-polygon-series">
</code-view>


<div class="divider--half"></div>

### Angular Spline Chart
Expand All @@ -228,7 +215,6 @@ The Angular Spline Chart, or Spline Graph is a type of category line graph shows
github-src="charts/category-chart/spline-multiple-sources">
</code-view>


<div class="divider--half"></div>

### Angular Step Chart
Expand All @@ -241,7 +227,6 @@ The Angular Step Chart, or Step Graph, is a category charts that renders a colle
github-src="charts/category-chart/step-line-multiple-sources">
</code-view>


<div class="divider--half"></div>

<!-- ### Angular Timeline / Time-Series Charts
Expand All @@ -258,7 +243,6 @@ The Ignite UI for Angular Treemap displays hierarchical (tree-structured) data a
github-src="charts/tree-map/overview">
</code-view>


<div class="divider--half"></div>

## Angular Charts Key Features
Expand Down Expand Up @@ -326,8 +310,5 @@ If you are considering any other Angular Charts on the market, here are a few th
- We test against everyone elses performance. Everyone says they are fast and can handle lots of data, but we can prove it. See for yourself how we handle high-volume data and real-time data streaming.
- We are here 24x5. Infragistics has global support that is always online. For North America, Asia Pacific, Middle East, and Europe, we are on the clock when you are!
- We have many more UI controls in Angular besides the Charts. We offer a complete Angular solution to build your applications!

<!---->

- Ignite UI for Angular is built on Angular for the Angular developer, with zero 3rd party dependencies. We are 100% optimized for Angular.
- We offer the world’s first, and only, end-to-end comprehensive design to code platform for UX Designers, Visual Designers, and Developers that will generate pixel-perfect Angular controls from Figma designs. With Indigo.Design, everything you craft in Figma from our Indigo Design System matches to our Ignite UI for Angular controls.
1 change: 0 additions & 1 deletion kr/components/charts/features/chart-animations.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ The following example depicts a [Line Chart](../types/line-chart.md) with an ani
github-src="charts/category-chart/line-chart-with-animations">
</code-view>


<div class="divider--half"></div>

## Additional Resources
Expand Down
4 changes: 0 additions & 4 deletions kr/components/charts/features/chart-annotations.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@ The following example demonstrates the annotation layers that are available on t
github-src="charts/category-chart/line-chart-with-annotations">
</code-view>


<div class="divider--half"></div>

Like this sample? Get access to our complete Angular toolkit and start building your own apps in minutes. <a href="{environment:infragisticsBaseUrl}/products/ignite-ui-angular/download">Download it for free.</a>
Expand Down Expand Up @@ -49,7 +48,6 @@ The following example shows how to configure the crosshair layer but targeting a
github-src="charts/data-chart/crosshair-layer-styling">
</code-view>


<div class="divider--half"></div>

## Angular Final Value Layer
Expand All @@ -72,7 +70,6 @@ The following example demonstrates how to style the final value layer annotation
github-src="charts/data-chart/final-value-layer-styling">
</code-view>


<div class="divider--half"></div>

```html
Expand Down Expand Up @@ -106,7 +103,6 @@ The following example demonstrates how to style the callout layer annotations by
github-src="charts/data-chart/callout-layer-styling">
</code-view>


<div class="divider--half"></div>

```html
Expand Down
3 changes: 0 additions & 3 deletions kr/components/charts/features/chart-axis-gridlines.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,6 @@ This example shows how configure the axis gridline to display major and minor gr
github-src="charts/category-chart/axis-gridlines">
</code-view>


<div class="divider--half"></div>

## Angular Axis Gridlines Properties
Expand Down Expand Up @@ -63,7 +62,6 @@ The following example demonstrates how to customize the gridlines by setting the
github-src="charts/category-chart/axis-gridlines">
</code-view>


<div class="divider--half"></div>

## Angular Axis Tickmarks Example
Expand All @@ -80,7 +78,6 @@ The following example demonstrates how to customize the tickmarks by setting the
github-src="charts/category-chart/axis-tickmarks">
</code-view>


<div class="divider--half"></div>

## Angular Axis Tickmarks Properties
Expand Down
5 changes: 0 additions & 5 deletions kr/components/charts/features/chart-axis-layouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@ The following example shows the average maximum temperature in Celsius in New Yo
github-src="charts/category-chart/axis-gap">
</code-view>


<div class="divider--half"></div>

## Axis Overlap Example
Expand All @@ -40,7 +39,6 @@ The following example shows a comparison of the highest grossing worldwide film
github-src="charts/category-chart/axis-overlap">
</code-view>


<div class="divider--half"></div>

## Axis Locations Example
Expand All @@ -55,7 +53,6 @@ The following example depicts the amount of renewable electricity produced since
github-src="charts/category-chart/axis-locations">
</code-view>


<!-- ## Axis Orientation Example

TODO add info/example of 4 charts with all possible combinations of XAxisIsInverted and YAxisIsInverted
Expand All @@ -78,7 +75,6 @@ The following example depicts a stock price and trade volume chart with a [Stock
github-src="charts/data-chart/axis-sharing">
</code-view>


<div class="divider--half"></div>

## Axis Crossing Example
Expand All @@ -93,7 +89,6 @@ The following example shows a Sin and Cos wave represented by a [Scatter Spline
github-src="charts/data-chart/axis-crossing">
</code-view>


<div class="divider--half"></div>

## Additional Resources
Expand Down
3 changes: 0 additions & 3 deletions kr/components/charts/features/chart-axis-options.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@ The axis titles feature of the Angular charts, allows you to add contextual info
github-src="charts/category-chart/axis-titles">
</code-view>


<div class="divider--half"></div>

## Angular Axis Labels
Expand All @@ -33,7 +32,6 @@ The Angular Charts allows you full control over configuring, formatting, and sty
github-src="charts/category-chart/axis-labels">
</code-view>


<div class="divider--half"></div>

## Angular Axis Range
Expand All @@ -48,7 +46,6 @@ By default, the Angular charts will calculate the minimum and maximum values for
github-src="charts/category-chart/axis-range">
</code-view>


<div class="divider--half"></div>

<!--
Expand Down
Loading
Loading