igniteui-xplat-examples/samples/charts/data-chart/selection-matcher.json at 25.2 · IgniteUI/igniteui-xplat-examples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
{
  "strings": {
    "legendTitle": "Renewable Energy Consumption"
  },
  "onViewInit": "SelectionMatcherOnViewInit",
  "descriptions": {
    "legend": {
      "type": "Legend",
      "name": "legend",
      "orientation": "Horizontal"
    },
    "content": {
      "type": "DataChart",
      "name": "chart",
      "legendRef": "legend",
      "isHorizontalZoomEnabled": false,
      "isVerticalZoomEnabled": false,
      "selectionMode": "SelectionColorFill",
      "selectionBehavior": "Auto",
      "selectionBrush": "orange",
      "axes": [
        {
          "type": "CategoryYAxis",
          "name": "yAxis",
          "dataSourceRef": "EnergyRenewableConsumption",
          "label": "Location",
          "isInverted": true
        },
        {
          "type": "NumericXAxis",
          "name": "xAxis",
          "minimumValue": 0,
          "title": "TWh"
        }
      ],
      "series": [
        {
          "type": "Stacked100BarSeries",
          "name": "stacked100BarSeries",
          "dataSourceRef": "EnergyRenewableConsumption",
          "xAxisRef": "xAxis",
          "yAxisRef": "yAxis",
          "showDefaultTooltip": true,
          "areaFillOpacity": 1,
          "series": [
            { "type": "StackedFragmentSeries", "name": "s1", "valueMemberPath": "Hydro", "title": "Hydro" },
            { "type": "StackedFragmentSeries", "name": "s2", "valueMemberPath": "Wind", "title": "Wind" },
            { "type": "StackedFragmentSeries", "name": "s3", "valueMemberPath": "Solar", "title": "Solar" },
            { "type": "StackedFragmentSeries", "name": "s4", "valueMemberPath": "Other", "title": "Other" }
          ]
        },
        {
          "type": "DataToolTipLayer",
          "name": "dataToolTipLayer"
        }
      ]
    }
  },
  "modules": [
    "charts/LegendModule",
    "charts/DataChartCoreModule",
    "charts/DataChartCategoryModule",
    "charts/DataChartCategoryCoreModule",
    "charts/DataChartInteractivityModule",
    "charts/DataChartAnnotationModule",
    "charts/DataChartStackedModule",
    "charts/StackedFragmentSeriesModule"
  ]
}