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.

Sign up for GitHub

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 with demos #1429

Merged
merged 2 commits into from
Dec 16, 2024
Merged

update with demos #1429

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
333f527
update with demos
mddifilippo89 Dec 16, 2024
254f6cc
Update dashboard-tile.md
mddifilippo89 Dec 16, 2024
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
13 changes: 12 additions & 1 deletion doc/en/components/dashboard-tile.md
View file
Open in desktop
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"`


mddifilippo89 marked this conversation as resolved.
Show resolved Hide resolved
## API References

- `Toolbar`
Expand Down
Loading