-
Notifications
You must be signed in to change notification settings - Fork 27
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added new kb article create-filter-pie-chart-multiple-parameters-tele…
…rik-reporting (#1447) * Added new kb article create-filter-pie-chart-multiple-parameters-telerik-reporting * Update create-filter-pie-chart-multiple-parameters-telerik-reporting.md * add kb images * Update create-filter-pie-chart-multiple-parameters-telerik-reporting.md * Update create-filter-pie-chart-multiple-parameters-telerik-reporting.md * Update create-filter-pie-chart-multiple-parameters-telerik-reporting.md * Add files via upload * Update create-filter-pie-chart-multiple-parameters-telerik-reporting.md --------- Co-authored-by: KB Bot <[email protected]> Co-authored-by: Dimitar Nikolov <[email protected]> Co-authored-by: Todor Arabadzhiev <[email protected]>
- Loading branch information
1 parent
3b27bfa
commit 9ffc18d
Showing
4 changed files
with
48 additions
and
0 deletions.
There are no files selected for viewing
48 changes: 48 additions & 0 deletions
48
knowledge-base/create-filter-pie-chart-multiple-parameters-telerik-reporting.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
--- | ||
title: Creating and Filtering a Pie Chart | ||
description: "Learn how to create a pie chart and apply filtering with multivalue report parameters in Telerik Reporting." | ||
type: how-to | ||
page_title: How to Create and Filter a Pie Chart | ||
slug: create-filter-pie-chart-multiple-parameters-telerik-reporting | ||
tags: reporting, pie chart, filter, parameters | ||
res_type: kb | ||
ticketid: 1659572 | ||
--- | ||
|
||
## Environment | ||
|
||
| Product | Progress® Telerik® Reporting | | ||
| --- | --- | | ||
| Version | 18.1.24.514 | | ||
|
||
## Description | ||
|
||
Creating a pie chart that supports filtering with a multivalue report parameter that allows for dynamic data visualization based on user selection. This KB article also answers the following questions: | ||
|
||
- How can I add multiple parameters to a Telerik Reporting report? | ||
- How do I apply filtering based on these parameters? | ||
- What steps are necessary to allow end-user selection for pie chart data? | ||
|
||
## Solution | ||
|
||
To create and filter a pie chart with multiple parameters in Telerik Reporting, follow these steps: | ||
|
||
1. **Create a Pie Chart:** Refer to the [Creating and Customizing Pie Charts]({%slug telerikreporting/designing-reports/report-structure/graph/chart-types/pie-charts/overview%}) documentation for detailed instructions on how to create a sample Pie chart. | ||
1. **Add Report Parameters:** These parameters will be connected to the graph filter for dynamic data visualization. For guidance on adding report parameters, refer to - [Approaches for Adding Report Parameters]({%slug telerikreporting/designing-reports/connecting-to-data/report-parameters/how-to-add-report-parameters%}). | ||
1. **Configure the Parameters with the [Report Parameter Collection Editor]({%slug telerikreporting/designing-reports/report-designer-tools/desktop-designers/tools/reportparameter-collection-editor%}):** We will create a `MultiValue` report parameter that will be used to filter the data but all values will be selected initially. In the "Report Parameter Collection Editor", set the `MultiValue` option to `True` and adjust the `Value`. Use the `Edit Expression` dialog to select `"Functions" -> "Aggregates" -> "AllDistinctValues"`. The expression for the `Value` property of the report parameter will look like `= AllDistinctValue(Fields.StoreName)`. This configuration allows the parameter to accept multiple values for filtering and select all distinct options for the `ValueMember`. | ||
|
||
![An image of the setup of the MultiValue Report Parameter used for the Pie Chart filter](images/report-parameter-multivalue-setup-for-graph-filter.png) | ||
|
||
1. **Connect the Parameter to the Pie Chart Filter:** To enable filtering based on the parameter, access the pie chart's `Edit Filters` option and set the `Operator` to `In`. This connects the report parameter to the chart, enabling end-user selection and filtering - [Adding Filtering to Graph Item]({%slug telerikreporting/designing-reports/connecting-to-data/data-items/filtering-data/how-to-add-filtering-to-graph-item%}). | ||
|
||
![An image of the filter applied to the Pie Chart](images/pie-chart-sample-filter-for-multivalue-parameter.png) | ||
|
||
In the end, when previewed(for example in the [HTML5 Report Viewer]({%slug telerikreporting/using-reports-in-applications/display-reports-in-applications/web-application/html5-report-viewer/overview%})), the pie chart will look as follows: | ||
|
||
![An image of the pie chart with the filtered applied to it and previewed in the HTML5 Report Viewer](images/pie-chart-filtered-view-in-web-report-viewer.png) | ||
|
||
## See Also | ||
|
||
- [Approaches for Adding Report Parameters]({%slug telerikreporting/designing-reports/connecting-to-data/report-parameters/how-to-add-report-parameters%}) | ||
- [Creating and Customizing Pie Charts]({%slug telerikreporting/designing-reports/report-structure/graph/chart-types/pie-charts/overview%}) | ||
- [Adding Filtering to Graph Item]({%slug telerikreporting/designing-reports/connecting-to-data/data-items/filtering-data/how-to-add-filtering-to-graph-item%}) |
Binary file added
BIN
+51.5 KB
knowledge-base/images/pie-chart-filtered-view-in-web-report-viewer.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+672 KB
knowledge-base/images/pie-chart-sample-filter-for-multivalue-parameter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+80 KB
knowledge-base/images/report-parameter-multivalue-setup-for-graph-filter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.