Merge pull request #655 from IgniteUI/mdd-chart-selection

Mdd chart selection
IgniteUI · Jun 21, 2024 · d8ba21d · d8ba21d
2 parents 0e693ad + 08d7e53
commit d8ba21d
Show file tree

Hide file tree

Showing 3 changed files with 163 additions and 0 deletions.
diff --git a/samples/charts/category-chart/selection-modes.json b/samples/charts/category-chart/selection-modes.json
@@ -0,0 +1,29 @@
+{
+  "strings": {
+    "legendTitle": "Average Temperature Range in New York"
+  },
+  "descriptions": {
+    "content": {
+      "type": "CategoryChart",
+      "name": "chart",
+      "chartType": "Column",
+      "dataSourceRef": "TemperatureAverageData",
+      "yAxisTitle": "Temperature in Degrees Celsius",
+      "yAxisTitleLeftMargin": 10,
+      "yAxisTitleRightMargin": 5,
+      "yAxisLabelLeftMargin": 0,
+      "isHorizontalZoomEnabled": false,
+      "isVerticalZoomEnabled": false,
+      "crosshairsDisplayMode": "None",
+      "toolTipType": "None",
+      "selectionMode": "SelectionColorFill",
+      "selectionBehavior": "Auto",
+      "selectionBrush": "purple",
+      "focusBrush": "purple"
+    }
+  },
+  "modules": [
+    "charts/CategoryChartModule",
+    "charts/DataChartInteractivityModule"
+  ]
+}
diff --git a/samples/charts/category-chart/selection-multiple-modes.json b/samples/charts/category-chart/selection-multiple-modes.json
@@ -0,0 +1,60 @@
+{
+  "strings": {
+    "legendTitle": "Highest Grossing Movie Franchises"
+  },
+  "descriptions": {
+    "legend": {
+      "type": "Legend",
+      "name": "Legend",
+      "orientation": "Horizontal"
+    },
+    "editor": {
+      "type": "PropertyEditorPanel",
+      "name": "PropertyEditor",
+      "componentRendererRef": "renderer",
+      "targetRef": "chart",
+      "descriptionType": "CategoryChart",
+      "isHorizontal": true,
+      "isWrappingEnabled": true,
+      "properties": [
+        {
+          "type": "PropertyEditorPropertyDescription",
+          "propertyPath": "SelectionMode",
+          "name": "SelectionModeEditor",
+          "label": "Selection Mode: ",
+          "primitiveValue": "SelectionColorFill"
+        },
+        {
+          "type": "PropertyEditorPropertyDescription",
+          "propertyPath": "SelectionBehavior",
+          "name": "SelectionBehaviorEditor",
+          "label": "Selection Behavior: ",
+          "primitiveValue": "PerSeriesAndDataItemGlobalSingleSelect"
+        }
+      ]
+    },
+    "content": {
+      "type": "CategoryChart",
+      "name": "chart",
+      "chartType": "Column",
+      "dataSourceRef": "EnergyRenewableConsumption",
+      "legendRef": "Legend",
+      "yAxisTitleLeftMargin": 10,
+      "yAxisTitleRightMargin": 5,
+      "yAxisLabelLeftMargin": 0,
+      "isHorizontalZoomEnabled": false,
+      "isVerticalZoomEnabled": false,
+      "crosshairsDisplayMode": "None",
+      "selectionMode": "SelectionColorFill",
+      "selectionBehavior": "PerSeriesAndDataItemGlobalSingleSelect",
+      "selectionBrush": "orange",
+      "focusBrush": "orange"
+    }
+  },
+  "modules": [
+    "withDescriptions",
+    "layouts/PropertyEditorPanelModule",
+    "charts/LegendModule",
+    "charts/CategoryChartModule"
+  ]
+}
diff --git a/samples/charts/data-chart/radial-column-chart-selection.json b/samples/charts/data-chart/radial-column-chart-selection.json
@@ -0,0 +1,74 @@
+{
+  "strings": {
+    "legendTitle": "Ronaldo vs Messi Player Stats"
+  },
+  "descriptions": {
+    "legend": {
+      "type": "Legend",
+      "name": "Legend",
+      "orientation": "Horizontal"
+    },
+    "content": {
+      "type": "DataChart",
+      "name": "chart",
+      "legendRef": "Legend",
+      "isHorizontalZoomEnabled": false,
+      "isVerticalZoomEnabled": false,
+      "selectionMode": "SelectionColorFill",
+      "selectionBehavior": "PerSeriesMultiSelect",
+      "axes": [
+        {
+          "type": "CategoryAngleAxis",
+          "name": "angleAxis",
+          "dataSourceRef": "FootballPlayerStats",
+          "label": "Attribute"
+        },
+        {
+          "type": "NumericRadiusAxis",
+          "name": "radiusAxis",
+          "innerRadiusExtentScale": 0.1,
+          "interval": 2,
+          "minimumValue": 0,
+          "maximumValue": 10
+        }
+      ],
+      "series": [
+        {
+          "type": "RadialColumnSeries",
+          "name": "RadialColumnSeries1",
+          "dataSourceRef": "FootballPlayerStats",
+          "angleAxisRef": "angleAxis",
+          "valueAxisRef": "radiusAxis",
+          "valueMemberPath": "Ronaldo",
+          "showDefaultTooltip": false,
+          "areaFillOpacity": 0.8,
+          "thickness": 3,
+          "title": "Ronaldo",
+          "selectionBrush": "yellow"
+        },
+        {
+          "type": "RadialColumnSeries",
+          "name": "RadialColumnSeries2",
+          "dataSourceRef": "FootballPlayerStats",
+          "angleAxisRef": "angleAxis",
+          "valueAxisRef": "radiusAxis",
+          "valueMemberPath": "Messi",
+          "showDefaultTooltip": false,
+          "areaFillOpacity": 0.8,
+          "thickness": 3,
+          "title": "Messi",
+          "selectionBrush": "aqua"
+
+        }
+      ]
+    }
+  },
+  "modules": [
+    "charts/DataChartCoreModule",
+    "charts/DataChartRadialModule",
+    "charts/DataChartRadialCoreModule",
+    "charts/DataChartInteractivityModule",
+    "charts/DataChartAnnotationModule",
+    "charts/LegendModule"
+  ]
+}