igniteui-xplat-examples/samples/charts/data-chart/annotations-custom.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
{
  "strings": {
    "legendTitle": "Renewable Electricity Generated"
  },
  "descriptions": {
    "content": {
      "type": "DataChart",
      "name": "chart",
      "axes": [
        {
          "type": "CategoryXAxis",
          "name": "xAxis",
          "dataSourceRef": "CountryRenewableElectricity",
          "label": "Year"
        },
        {
          "type": "NumericYAxis",
          "name": "yAxis"
        }
      ],
      "series": [
        {
          "type": "LineSeries",
          "name": "lineSeries1",
          "title": "Electricity",
          "xAxisRef": "xAxis",
          "yAxisRef": "yAxis",
          "dataSourceRef": "CountryRenewableElectricity",
          "valueMemberPath": "America"
        },
        {
          "type": "CalloutLayer",
          "name": "CalloutLayer1",
          "dataSourceRef": "CountryRenewableCallouts",
          "xMemberPath": "Index",
          "yMemberPath": "Value",
          "labelMemberPath": "Label",
          "calloutPaddingLeft": 20,
          "calloutPaddingRight": 20,
          "calloutPaddingBottom": 10,
          "calloutPaddingTop": 10,
          "calloutCornerRadius": 5
        },
        {
          "type": "FinalValueLayer",
          "name": "FinalValueLayer",
          "axisAnnotationBackgroundCornerRadius": 10,
          "axisAnnotationPaddingBottom": 10,
          "axisAnnotationPaddingTop": 10,
          "axisAnnotationPaddingLeft": 10,
          "axisAnnotationPaddingRight": 10
        },
        {
          "type": "CrosshairLayer",
          "name": "CrosshairLayer",
          "isAxisAnnotationEnabled": true,
          "yAxisAnnotationInterpolatedValuePrecision": 0,
          "xAxisAnnotationBackgroundCornerRadius": 10,
          "yAxisAnnotationBackgroundCornerRadius": 10
        },
        {
          "type": "DataToolTipLayer",
          "name": "Tooltips"
        }
      ]
    }
  },
  "modules": [
    "charts/DataChartCoreModule",
    "charts/DataChartCategoryModule",
    "charts/DataChartAnnotationModule",
    "charts/DataChartInteractivityModule",
    "charts/AnnotationLayerProxyModule"
  ]
}