Skip to content

Commit

Permalink
Merge pull request #1429 from IgniteUI/mdd-update-dashboard-samples
Browse files Browse the repository at this point in the history
update with demos
  • Loading branch information
HUSSAR-mtrela authored Dec 16, 2024
2 parents 7103e66 + 254f6cc commit 08e19dc
Showing 1 changed file with 12 additions and 1 deletion.
13 changes: 12 additions & 1 deletion doc/en/components/dashboard-tile.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ Interacting with the chart type menu in the toolbar will allow for selecting a d
## {Platform} Dashboard Tile Example

<!-- TODO -->
`sample="/charts/dashboard-tile/overview", height="600", alt="{Platform} Dashboard Tile Example"`
`sample="/charts/dashboard-tile/chart-dashboard", height="600", alt="{Platform} Dashboard Tile Example"`

## Dependencies

Expand Down Expand Up @@ -126,6 +126,8 @@ You are not locked into a single visualization when you bind the `DataSource`, a

<!-- TODO SAMPLE -->

`sample="/charts/dashboard-tile/gauge-dashboard", height="600", alt="{Platform} Dashboard Tile Gauge Example"`

The visualization or properties of the visualization are also configurable using the `Toolbar` at the top of the control. This `Toolbar` has the default tools for the current visualization with the addition of four Dashboard Tile specific ones, highlighted below:

<img src="../images/dashboard-tile-toolbar.png" />
Expand All @@ -137,6 +139,15 @@ From left to right:
- The third tool allows you to change the current visualization, allowing you to plot a different series type or show a different type of visualization altogether. This can be set on the control by setting the `VisualizationType` property, mentioned above.
- The last tool allows you to configure which properties on your underlying data item are included for the control. You can configure this by setting the `IncludedProperties` or `ExcludedProperties` collection on the control.

This demo demonstrates dashboard tile integration with the {Platform} Pie Chart. The toolbar options at the top right provides access to styling and changing the data visualization.

`sample="/charts/dashboard-tile/pie-dashboard", height="600", alt="{Platform} Dashboard Tile Pie Example"`

This demo demonstrates dashboard tile integration with the {Platform} Geographic Map. The toolbar options at the top right provides access to styling and changing the data visualization.

`sample="/charts/dashboard-tile/map-dashboard", height="600", alt="{Platform} Dashboard Tile Map Example"`


## API References

- `Toolbar`
Expand Down

0 comments on commit 08e19dc

Please sign in to comment.