igniteui-xplat-examples/samples/charts/data-chart/axis-stacking.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
{
  "note": "TODO test export of local data to all platforms",
  "export": false,
  "descriptions": {
    "legend": {
      "type": "Legend",
      "name": "legend",
      "orientation": "Horizontal"
    },
    "content": {
      "type": "DataChart",
      "name": "chart",
      "legendRef": "legend",
      "isHorizontalZoomEnabled": false,
      "isVerticalZoomEnabled": false,
      "axes": [
        {
          "type": "CategoryXAxis",
          "name": "xAxis",
          "dataSourceRef": "CompanyFinancialData",
          "label": "Year",
          "labelFontSize": 15, "gap": 0.7, "interval": 1
        },
        {
          "type": "NumericYAxis",
          "name": "yAxis1",
          "title": "Income",
          "titleAngle": -90,
          "minimumValue": 0,
          "maximumValue": 10,
          "stroke": "dodgerblue", "strokeThickness": 5,
          "tickLength": 5, "tickStrokeThickness": 2, "tickStroke": "dodgerblue",
          "titleFontSize": 15,
          "titleLeftMargin": 10,
          "titleTextColor": "dodgerblue",
          "labelTextColor": "dodgerblue",
          "labelFontSize": 15,
          "labelRightMargin": 5,
          "labelHorizontalAlignment": "Right",
          "labelLocation": "OutsideLeft"
        },
        {
          "type": "NumericYAxis",
          "name": "yAxis3", "title": "Revenue", "titleAngle": 90,
          "minimumValue": 0, "maximumValue": 100,
          "stroke": "orange", "strokeThickness": 5,
          "tickLength": 5, "tickStrokeThickness": 2, "tickStroke": "orange",
          "titleFontSize": 15,
          "titleRightMargin": 10,
          "titleTextColor": "orange",
          "labelTextColor": "orange",
          "labelFontSize": 15,
          "labelLeftMargin": 5,
          "labelHorizontalAlignment": "Left",
          "labelLocation": "OutsideRight"
        },
        {
          "type": "NumericYAxis",
          "name": "yAxis2",
          "title": "Operating Cashflow",
          "titleAngle": 90,
          "minimumValue": 0, "maximumValue": 10,
          "stroke": "green", "strokeThickness": 5,
          "tickLength": 5, "tickStrokeThickness": 2, "tickStroke": "green",
          "titleFontSize": 15,
          "titleTextColor": "green",
          "labelTextColor": "green",
          "labelFontSize": 15,
          "labelLeftMargin": 5,
          "labelHorizontalAlignment": "Left",
          "labelLocation": "OutsideRight"
        }
      ],
      "series": [
        {
          "type": "ColumnSeries",
          "name": "ColumnSeries1",
          "dataSourceRef": "CompanyFinancialData",
          "xAxisRef": "xAxis",
          "yAxisRef": "yAxis1",
          "showDefaultTooltip": true,
          "valueMemberPath": "Income",
          "title": "Income",
          "brush": "dodgerblue", "outline": "dodgerblue"
        },
        {
          "type": "ColumnSeries",
          "name": "ColumnSeries2",
          "dataSourceRef": "CompanyFinancialData",
          "xAxisRef": "xAxis",
          "yAxisRef": "yAxis2",
          "showDefaultTooltip": true,
          "valueMemberPath": "Cashflow",
          "title": "Cashflow",
          "brush": "green", "outline": "green"
        },
        {
          "type": "LineSeries",
          "name": "LineSeries2",
          "dataSourceRef": "CompanyFinancialData",
          "xAxisRef": "xAxis",
          "yAxisRef": "yAxis3",
          "showDefaultTooltip": true,
          "valueMemberPath": "Revenue",
          "thickness": 5,
          "title": "Revenue",
          "brush": "orange", "outline": "orange",
          "markerOutline": "orange", "markerBrush": "white",
          "markerThickness": 2,
          "legendItemBadgeShape": "Circle"
        },
        {
          "type": "DataToolTipLayer",
          "name": "dataToolTipLayer"
        }
      ]
    }
  },
  "modules": [
    "charts/LegendModule",
    "charts/DataChartCoreModule",
    "charts/DataChartCategoryModule",
    "charts/DataChartCategoryCoreModule",
    "charts/DataChartInteractivityModule",
    "charts/DataChartAnnotationModule",
    "charts/CalloutLayerModule",
    "charts/AnnotationLayerProxyModule"
  ]
}