@syncfusion/ej2-react-charts 24.2.8 → 25.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/circularchart3d.d.ts +4 -0
- package/circularchart3d.js +4 -0
- package/diConfig.json +334 -22
- package/dist/ej2-react-charts.min.js +2 -2
- package/dist/ej2-react-charts.umd.min.js +2 -2
- package/dist/ej2-react-charts.umd.min.js.map +1 -1
- package/dist/es6/ej2-react-charts.es2015.js +59 -2
- package/dist/es6/ej2-react-charts.es2015.js.map +1 -1
- package/package.json +9 -9
- package/src/circularchart3d/circularchart3d.component.d.ts +39 -0
- package/src/circularchart3d/circularchart3d.component.js +48 -0
- package/src/circularchart3d/index.d.ts +3 -0
- package/src/circularchart3d/index.js +3 -0
- package/src/circularchart3d/selecteddataindexes-directive.d.ts +11 -0
- package/src/circularchart3d/selecteddataindexes-directive.js +33 -0
- package/src/circularchart3d/series-directive.d.ts +26 -0
- package/src/circularchart3d/series-directive.js +45 -0
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,37 @@
|
|
|
4
4
|
|
|
5
5
|
### Chart
|
|
6
6
|
|
|
7
|
+
#### Features
|
|
8
|
+
|
|
9
|
+
- `#I528518` - Now, it is possible to specify the dasharray for all types of striplines border, including vertical, horizontal, and segmented, in the chart.
|
|
10
|
+
|
|
11
|
+
### 3DCircularChart
|
|
12
|
+
|
|
13
|
+
The 3D Circular Chart provides a graphical representation of data in three dimensions, with each slice's size indicating its proportion relative to the entire dataset. Unlike traditional 2D charts, 3D charts add depth to visualization, providing a better understanding of data patterns.
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
- **Series**: The 3D Circular Chart can plot pie and donut types.
|
|
17
|
+
- **Data binding**: Bind the 3D Circular Chart component with an array of JSON objects or a data manager. In addition to chart series, data labels and tooltips can also be bound to the data.
|
|
18
|
+
- **Data labels**: Annotate points with labels to improve the readability of data.
|
|
19
|
+
- **Legends**: Provide additional information about points in a customizable and interactive legend.
|
|
20
|
+
- **User interaction**: Add interactive features such as tooltips, rotation, tilt, data point highlight and selection.
|
|
21
|
+
- **Print and Export**: Print a 3D Circular Chart directly from the browser and export it in JPEG and PNG formats.
|
|
22
|
+
- **RTL**: The right-to-left mode aligns tooltips, legends, and data in the 3D Circular Chart component from right to left.
|
|
23
|
+
|
|
24
|
+
## 24.2.9 (2024-03-05)
|
|
25
|
+
|
|
26
|
+
### Chart
|
|
27
|
+
|
|
28
|
+
#### Bug Fixes
|
|
29
|
+
|
|
30
|
+
- `#I558392` - Now the line color of the Pareto chart is stable when toggling the legend.
|
|
31
|
+
- `#I558247` - Now sorting is working in the Pareto chart.
|
|
32
|
+
- `#I557017` - Now the column is rendered properly when a corner radius is used.
|
|
33
|
+
|
|
34
|
+
## 24.2.8 (2024-02-27)
|
|
35
|
+
|
|
36
|
+
### Chart
|
|
37
|
+
|
|
7
38
|
#### Bug Fixes
|
|
8
39
|
|
|
9
40
|
- `#T553171` - Now the center label is aligned properly when increasing the font size.
|
package/diConfig.json
CHANGED
|
@@ -28,7 +28,8 @@
|
|
|
28
28
|
"bullet-chart",
|
|
29
29
|
"bullet-graph",
|
|
30
30
|
"syncfusion",
|
|
31
|
-
"chart3d"
|
|
31
|
+
"chart3d",
|
|
32
|
+
"circularchart3d"
|
|
32
33
|
],
|
|
33
34
|
"angular": [
|
|
34
35
|
"angular",
|
|
@@ -43,7 +44,8 @@
|
|
|
43
44
|
"angular-smith-chart",
|
|
44
45
|
"angular-bullet-chart",
|
|
45
46
|
"angular-bullet-graph",
|
|
46
|
-
"angular-chart3d"
|
|
47
|
+
"angular-chart3d",
|
|
48
|
+
"angular-circularchart3d"
|
|
47
49
|
],
|
|
48
50
|
"react": [
|
|
49
51
|
"react",
|
|
@@ -59,7 +61,8 @@
|
|
|
59
61
|
"react-smith-chart",
|
|
60
62
|
"react-bullet-chart",
|
|
61
63
|
"react-bullet-graph",
|
|
62
|
-
"react-chart3d"
|
|
64
|
+
"react-chart3d",
|
|
65
|
+
"react-circularchart3d"
|
|
63
66
|
],
|
|
64
67
|
"vue": [
|
|
65
68
|
"vue",
|
|
@@ -75,7 +78,8 @@
|
|
|
75
78
|
"vue-smith-chart",
|
|
76
79
|
"vue-bullet-chart",
|
|
77
80
|
"vue-bullet-graph",
|
|
78
|
-
"vue-chart3d"
|
|
81
|
+
"vue-chart3d",
|
|
82
|
+
"vue-circularchart3d"
|
|
79
83
|
]
|
|
80
84
|
},
|
|
81
85
|
"repository": {
|
|
@@ -110,7 +114,24 @@
|
|
|
110
114
|
"I3DPointRenderEventArgs",
|
|
111
115
|
"I3DLegendClickEventArgs",
|
|
112
116
|
"I3DResizeEventArgs",
|
|
113
|
-
"I3DBeforeResizeEventArgs"
|
|
117
|
+
"I3DBeforeResizeEventArgs",
|
|
118
|
+
"CircularChart3DEventArgs",
|
|
119
|
+
"CircularChart3DLoadedEventArgs",
|
|
120
|
+
"CircularChart3DSeriesRenderEventArgs",
|
|
121
|
+
"CircularChart3DLegendRenderEventArgs",
|
|
122
|
+
"CircularChart3DLegendClickEventArgs",
|
|
123
|
+
"CircularChart3DSelectionCompleteEventArgs",
|
|
124
|
+
"CircularChart3DPointRenderEventArgs",
|
|
125
|
+
"CircularChart3DTextRenderEventArgs",
|
|
126
|
+
"CircularChart3DExportEventArgs",
|
|
127
|
+
"CircularChart3DPrintEventArgs",
|
|
128
|
+
"CircularChart3DAfterExportEventArgs",
|
|
129
|
+
"CircularChart3DResizeEventArgs",
|
|
130
|
+
"CircularChart3DBeforeResizeEventArgs",
|
|
131
|
+
"CircularChart3DPointEventArgs",
|
|
132
|
+
"CircularChart3DMouseEventArgs",
|
|
133
|
+
"CircularChart3DTooltipRenderEventArgs"
|
|
134
|
+
|
|
114
135
|
],
|
|
115
136
|
"components": [
|
|
116
137
|
{
|
|
@@ -4044,6 +4065,7 @@
|
|
|
4044
4065
|
"baseClass": "Chart3D",
|
|
4045
4066
|
"directoryName": "chart3d",
|
|
4046
4067
|
"defaultTag": "<chart3D id='sample'></chart3D>",
|
|
4068
|
+
"removeDuplicateClassName": true,
|
|
4047
4069
|
"type": "simple",
|
|
4048
4070
|
"twoWays": [
|
|
4049
4071
|
"dataSource"
|
|
@@ -4139,7 +4161,7 @@
|
|
|
4139
4161
|
"SelectorName": "e-chart3d-primaryxaxis",
|
|
4140
4162
|
"aspSelectorName": "e-chart3d-primaryxaxis",
|
|
4141
4163
|
"aspClassName": "Chart3DPrimaryXAxis",
|
|
4142
|
-
"aspBuilderName": "
|
|
4164
|
+
"aspBuilderName": "Chart3DAxis",
|
|
4143
4165
|
"isCommon": "true",
|
|
4144
4166
|
"complexDirective": [
|
|
4145
4167
|
{
|
|
@@ -4172,14 +4194,14 @@
|
|
|
4172
4194
|
},
|
|
4173
4195
|
{
|
|
4174
4196
|
"propertyName": "labelStyle",
|
|
4175
|
-
"baseClass": "
|
|
4197
|
+
"baseClass": "Chart3DTextFont",
|
|
4176
4198
|
"SelectorName": "e-labelstyle",
|
|
4177
4199
|
"aspSelectorName": "e-labelstyle",
|
|
4178
4200
|
"isCommon": "true"
|
|
4179
4201
|
},
|
|
4180
4202
|
{
|
|
4181
4203
|
"propertyName": "titleStyle",
|
|
4182
|
-
"baseClass": "
|
|
4204
|
+
"baseClass": "Chart3DTextFont",
|
|
4183
4205
|
"SelectorName": "e-titlestyle",
|
|
4184
4206
|
"aspSelectorName": "e-titlestyle",
|
|
4185
4207
|
"isCommon": "true"
|
|
@@ -4192,7 +4214,7 @@
|
|
|
4192
4214
|
"SelectorName": "e-chart3d-primaryyaxis",
|
|
4193
4215
|
"aspSelectorName": "e-chart3d-primaryyaxis",
|
|
4194
4216
|
"aspClassName": "Chart3DPrimaryYAxis",
|
|
4195
|
-
"aspBuilderName": "
|
|
4217
|
+
"aspBuilderName": "Chart3DAxis",
|
|
4196
4218
|
"isCommon": "true",
|
|
4197
4219
|
"complexDirective": [
|
|
4198
4220
|
{
|
|
@@ -4225,14 +4247,14 @@
|
|
|
4225
4247
|
},
|
|
4226
4248
|
{
|
|
4227
4249
|
"propertyName": "labelStyle",
|
|
4228
|
-
"baseClass": "
|
|
4250
|
+
"baseClass": "Chart3DTextFont",
|
|
4229
4251
|
"SelectorName": "e-labelstyle",
|
|
4230
4252
|
"aspSelectorName": "e-labelstyle",
|
|
4231
4253
|
"isCommon": "true"
|
|
4232
4254
|
},
|
|
4233
4255
|
{
|
|
4234
4256
|
"propertyName": "titleStyle",
|
|
4235
|
-
"baseClass": "
|
|
4257
|
+
"baseClass": "Chart3DTextFont",
|
|
4236
4258
|
"SelectorName": "e-titlestyle",
|
|
4237
4259
|
"aspSelectorName": "e-titlestyle",
|
|
4238
4260
|
"isCommon": "true"
|
|
@@ -4250,10 +4272,12 @@
|
|
|
4250
4272
|
{
|
|
4251
4273
|
"propertyName": "textStyle",
|
|
4252
4274
|
"baseClass": "Font",
|
|
4253
|
-
"aspClassName": "Chart3DFont",
|
|
4254
|
-
"aspBuilderName": "Chart3DFont",
|
|
4255
4275
|
"isCommon": "true"
|
|
4256
4276
|
},
|
|
4277
|
+
{
|
|
4278
|
+
"propertyName": "location",
|
|
4279
|
+
"baseClass": "Location"
|
|
4280
|
+
},
|
|
4257
4281
|
{
|
|
4258
4282
|
"propertyName": "border",
|
|
4259
4283
|
"baseClass": "Border",
|
|
@@ -4275,15 +4299,29 @@
|
|
|
4275
4299
|
},
|
|
4276
4300
|
{
|
|
4277
4301
|
"propertyName": "titleStyle",
|
|
4278
|
-
"baseClass": "
|
|
4302
|
+
"baseClass": "TitleSettings",
|
|
4279
4303
|
"SelectorName": "e-chart3d-titlestyle",
|
|
4280
4304
|
"aspSelectorName": "e-chart3d-titlestyle",
|
|
4281
|
-
"isCommon": "true"
|
|
4305
|
+
"isCommon": "true",
|
|
4306
|
+
"complexDirective": [
|
|
4307
|
+
{
|
|
4308
|
+
"propertyName": "border",
|
|
4309
|
+
"baseClass": "TitleBorder",
|
|
4310
|
+
"isCommon": "true"
|
|
4311
|
+
}
|
|
4312
|
+
]
|
|
4282
4313
|
},
|
|
4283
4314
|
{
|
|
4284
4315
|
"propertyName": "subTitleStyle",
|
|
4285
|
-
"baseClass": "
|
|
4286
|
-
"isCommon": "true"
|
|
4316
|
+
"baseClass": "TitleSettings",
|
|
4317
|
+
"isCommon": "true",
|
|
4318
|
+
"complexDirective": [
|
|
4319
|
+
{
|
|
4320
|
+
"propertyName": "border",
|
|
4321
|
+
"baseClass": "TitleBorder",
|
|
4322
|
+
"isCommon": "true"
|
|
4323
|
+
}
|
|
4324
|
+
]
|
|
4287
4325
|
},
|
|
4288
4326
|
{
|
|
4289
4327
|
"propertyName": "legendSettings",
|
|
@@ -4309,7 +4347,10 @@
|
|
|
4309
4347
|
},
|
|
4310
4348
|
{
|
|
4311
4349
|
"propertyName": "location",
|
|
4312
|
-
"baseClass": "Location"
|
|
4350
|
+
"baseClass": "Location",
|
|
4351
|
+
"aspClassName": "Chart3DLegendLocation",
|
|
4352
|
+
"aspBuilderName": "Chart3DLocation",
|
|
4353
|
+
"isCommon": "true"
|
|
4313
4354
|
},
|
|
4314
4355
|
{
|
|
4315
4356
|
"propertyName": "titleStyle",
|
|
@@ -4317,6 +4358,18 @@
|
|
|
4317
4358
|
"aspClassName": "Chart3DLegendTitleStyle",
|
|
4318
4359
|
"aspBuilderName": "Chart3DFont",
|
|
4319
4360
|
"isCommon": "true"
|
|
4361
|
+
},
|
|
4362
|
+
{
|
|
4363
|
+
"propertyName": "margin",
|
|
4364
|
+
"baseClass": "Margin",
|
|
4365
|
+
"isCommon": "true",
|
|
4366
|
+
"aspClassName": "Chart3DLegendMargin",
|
|
4367
|
+
"aspBuilderName": "Chart3DMargin"
|
|
4368
|
+
},
|
|
4369
|
+
{
|
|
4370
|
+
"propertyName": "containerPadding",
|
|
4371
|
+
"baseClass": "ContainerPadding",
|
|
4372
|
+
"isCommon": "true"
|
|
4320
4373
|
}
|
|
4321
4374
|
]
|
|
4322
4375
|
}
|
|
@@ -4358,7 +4411,7 @@
|
|
|
4358
4411
|
"complexDirective": [
|
|
4359
4412
|
{
|
|
4360
4413
|
"propertyName": "font",
|
|
4361
|
-
"baseClass": "
|
|
4414
|
+
"baseClass": "Chart3DTextFont",
|
|
4362
4415
|
"selectorName": "e-font",
|
|
4363
4416
|
"aspSelectorName": "e-font",
|
|
4364
4417
|
"isCommon": "true"
|
|
@@ -4375,6 +4428,12 @@
|
|
|
4375
4428
|
}
|
|
4376
4429
|
]
|
|
4377
4430
|
},
|
|
4431
|
+
{
|
|
4432
|
+
"propertyName": "animation",
|
|
4433
|
+
"baseClass": "Animation",
|
|
4434
|
+
"SelectorName": "e-chart3d-series-animation",
|
|
4435
|
+
"aspSelectorName": "e-chart3d-series-animation"
|
|
4436
|
+
},
|
|
4378
4437
|
{
|
|
4379
4438
|
"propertyName": "emptyPointSettings",
|
|
4380
4439
|
"baseClass": "Chart3DEmptyPointSettings",
|
|
@@ -4420,7 +4479,7 @@
|
|
|
4420
4479
|
"directoryName": "chart3d",
|
|
4421
4480
|
"baseClass": "Chart3DAxis",
|
|
4422
4481
|
"aspClassName": "Chart3DSecondaryAxis",
|
|
4423
|
-
"aspBuilderName": "
|
|
4482
|
+
"aspBuilderName": "Chart3DAxis",
|
|
4424
4483
|
"aspArrayDirectiveSelector": "e-chart3d-axes",
|
|
4425
4484
|
"aspDirectiveSelector": "e-chart3d-axis",
|
|
4426
4485
|
"comment": [
|
|
@@ -4475,14 +4534,14 @@
|
|
|
4475
4534
|
},
|
|
4476
4535
|
{
|
|
4477
4536
|
"propertyName": "labelStyle",
|
|
4478
|
-
"baseClass": "
|
|
4537
|
+
"baseClass": "Chart3DTextFont",
|
|
4479
4538
|
"SelectorName": "e-labelstyle",
|
|
4480
4539
|
"aspSelectorName": "e-labelstyle",
|
|
4481
4540
|
"isCommon":"true"
|
|
4482
4541
|
},
|
|
4483
4542
|
{
|
|
4484
4543
|
"propertyName": "titleStyle",
|
|
4485
|
-
"baseClass": "
|
|
4544
|
+
"baseClass": "Chart3DTextFont",
|
|
4486
4545
|
"SelectorName": "e-titlestyle",
|
|
4487
4546
|
"aspSelectorName": "e-titlestyle",
|
|
4488
4547
|
"isCommon": "true"
|
|
@@ -4599,6 +4658,259 @@
|
|
|
4599
4658
|
"templateProperties": [
|
|
4600
4659
|
"tooltip.template"
|
|
4601
4660
|
]
|
|
4661
|
+
},
|
|
4662
|
+
{
|
|
4663
|
+
"baseClass": "CircularChart3D",
|
|
4664
|
+
"directoryName": "circularchart3d",
|
|
4665
|
+
"defaultTag": "<circularchart3D id='sample'></circularchart3D>",
|
|
4666
|
+
"removeDuplicateClassName": true,
|
|
4667
|
+
"type": "simple",
|
|
4668
|
+
"twoWays": [
|
|
4669
|
+
"dataSource"
|
|
4670
|
+
],
|
|
4671
|
+
"comment": [
|
|
4672
|
+
"/**",
|
|
4673
|
+
" * CircularChart3D Component",
|
|
4674
|
+
" * ```html",
|
|
4675
|
+
" * <ejs-circularchart3d></ejs-circularchart3d>",
|
|
4676
|
+
" * ```",
|
|
4677
|
+
" */"
|
|
4678
|
+
],
|
|
4679
|
+
"reactComment": [
|
|
4680
|
+
"/**",
|
|
4681
|
+
" * Represents react Circular 3D chart Component",
|
|
4682
|
+
" * ```tsx",
|
|
4683
|
+
" * <CircularChart3DComponent></CircularChart3DComponent>",
|
|
4684
|
+
" * ```",
|
|
4685
|
+
" */"
|
|
4686
|
+
],
|
|
4687
|
+
"vueComment": [
|
|
4688
|
+
"/**",
|
|
4689
|
+
" * Represents Vuejs Circular 3D Chart Component",
|
|
4690
|
+
" * ```vue",
|
|
4691
|
+
" * <ejs-circularchart3d></ejs-circularchart3d>",
|
|
4692
|
+
" * ```",
|
|
4693
|
+
" */"
|
|
4694
|
+
],
|
|
4695
|
+
"dynamicModules": [
|
|
4696
|
+
"PieSeries3D",
|
|
4697
|
+
"CircularChartTooltip3D",
|
|
4698
|
+
"CircularChartLegend3D",
|
|
4699
|
+
"CircularChartSelection3D",
|
|
4700
|
+
"CircularChartDataLabel3D",
|
|
4701
|
+
"CircularChartHighlight3D",
|
|
4702
|
+
"CircularChartExport3D"
|
|
4703
|
+
],
|
|
4704
|
+
"diModuleFiles": [
|
|
4705
|
+
{
|
|
4706
|
+
"fileName": "dataLabel"
|
|
4707
|
+
},
|
|
4708
|
+
{
|
|
4709
|
+
"fileName": "series"
|
|
4710
|
+
},
|
|
4711
|
+
{
|
|
4712
|
+
"fileName": "legend"
|
|
4713
|
+
},
|
|
4714
|
+
{
|
|
4715
|
+
"fileName": "selection"
|
|
4716
|
+
},
|
|
4717
|
+
{
|
|
4718
|
+
"fileName": "tooltip"
|
|
4719
|
+
},
|
|
4720
|
+
{
|
|
4721
|
+
"fileName": "high-light"
|
|
4722
|
+
},
|
|
4723
|
+
{
|
|
4724
|
+
"fileName": "export"
|
|
4725
|
+
}
|
|
4726
|
+
],
|
|
4727
|
+
"complexDirective": [
|
|
4728
|
+
{
|
|
4729
|
+
"propertyName": "titleStyle",
|
|
4730
|
+
"baseClass": "Font",
|
|
4731
|
+
"SelectorName": "e-circularchart3d-titlestyle",
|
|
4732
|
+
"aspSelectorName": "e-circularchart3d-titlestyle",
|
|
4733
|
+
"isCommon": "true"
|
|
4734
|
+
},
|
|
4735
|
+
{
|
|
4736
|
+
"propertyName": "subTitleStyle",
|
|
4737
|
+
"baseClass": "Font",
|
|
4738
|
+
"isCommon": "true"
|
|
4739
|
+
},
|
|
4740
|
+
{
|
|
4741
|
+
"propertyName": "margin",
|
|
4742
|
+
"baseClass": "Margin"
|
|
4743
|
+
},
|
|
4744
|
+
{
|
|
4745
|
+
"propertyName": "border",
|
|
4746
|
+
"baseClass": "Border",
|
|
4747
|
+
"aspBuilderName": "CircularChart3DBorder",
|
|
4748
|
+
"aspClassName": "CircularChart3DContainerBorder",
|
|
4749
|
+
"aspSelectorName": "e-circularchart3d-border",
|
|
4750
|
+
"isCommon": "true"
|
|
4751
|
+
},
|
|
4752
|
+
{
|
|
4753
|
+
"propertyName": "legendSettings",
|
|
4754
|
+
"baseClass": "CircularChart3DLegendSettings",
|
|
4755
|
+
"aspSelectorName": "e-circularchart3d-legendsettings",
|
|
4756
|
+
"complexDirective": [
|
|
4757
|
+
{
|
|
4758
|
+
"propertyName": "border",
|
|
4759
|
+
"baseClass": "Border",
|
|
4760
|
+
"isCommon": "true"
|
|
4761
|
+
},
|
|
4762
|
+
{
|
|
4763
|
+
"propertyName": "textStyle",
|
|
4764
|
+
"baseClass": "Font",
|
|
4765
|
+
"isCommon": "true"
|
|
4766
|
+
},
|
|
4767
|
+
{
|
|
4768
|
+
"propertyName": "location",
|
|
4769
|
+
"baseClass": "Location"
|
|
4770
|
+
},
|
|
4771
|
+
{
|
|
4772
|
+
"propertyName": "titleStyle",
|
|
4773
|
+
"baseClass": "Font",
|
|
4774
|
+
"isCommon": "true"
|
|
4775
|
+
},
|
|
4776
|
+
{
|
|
4777
|
+
"propertyName": "margin",
|
|
4778
|
+
"baseClass": "Margin",
|
|
4779
|
+
"isCommon": "true"
|
|
4780
|
+
},
|
|
4781
|
+
{
|
|
4782
|
+
"propertyName": "containerPadding",
|
|
4783
|
+
"baseClass": "ContainerPadding",
|
|
4784
|
+
"isCommon": "true"
|
|
4785
|
+
}
|
|
4786
|
+
]
|
|
4787
|
+
},
|
|
4788
|
+
{
|
|
4789
|
+
"propertyName": "tooltip",
|
|
4790
|
+
"baseClass": "CircularChart3DTooltipSettings",
|
|
4791
|
+
"aspSelectorName": "e-circularchart3d-tooltipsettings",
|
|
4792
|
+
"complexDirective": [
|
|
4793
|
+
{
|
|
4794
|
+
"propertyName": "textStyle",
|
|
4795
|
+
"baseClass": "Font",
|
|
4796
|
+
"aspClassName": "CircularChart3DTooltipTextStyle",
|
|
4797
|
+
"aspBuilderName": "CircularChart3DFont",
|
|
4798
|
+
"isCommon": "true"
|
|
4799
|
+
},
|
|
4800
|
+
{
|
|
4801
|
+
"propertyName": "border",
|
|
4802
|
+
"baseClass": "Border",
|
|
4803
|
+
"aspClassName": "CircularChart3DTooltipBorder",
|
|
4804
|
+
"aspBuilderName": "CircularChart3DBorder",
|
|
4805
|
+
"isCommon": "true"
|
|
4806
|
+
},
|
|
4807
|
+
{
|
|
4808
|
+
"propertyName": "location",
|
|
4809
|
+
"baseClass": "Location"
|
|
4810
|
+
}
|
|
4811
|
+
]
|
|
4812
|
+
}
|
|
4813
|
+
],
|
|
4814
|
+
"tagDirective": [
|
|
4815
|
+
{
|
|
4816
|
+
"arrayDirectiveClassName": "CircularChart3DSeriesCollection",
|
|
4817
|
+
"directiveClassName": "CircularChart3DSeries",
|
|
4818
|
+
"arrayDirectiveSelector": "ej-circularchart3d>e-circularchart3d-series-collection",
|
|
4819
|
+
"directiveSelector": "e-circularchart3d-series-collection>e-circularchart3d-series",
|
|
4820
|
+
"aspArrayDirectiveSelector": "e-circularchart3d-series-collection",
|
|
4821
|
+
"aspDirectiveSelector": "e-circularchart3d-series",
|
|
4822
|
+
"propertyName": "series",
|
|
4823
|
+
"directoryName": "circularchart3d",
|
|
4824
|
+
"baseClass": "CircularChart3DSeries",
|
|
4825
|
+
"aspArrayClassName": "CircularChart3DSeries",
|
|
4826
|
+
"comment": [
|
|
4827
|
+
"/**",
|
|
4828
|
+
" * Circular3D Series Directive",
|
|
4829
|
+
" * ```html",
|
|
4830
|
+
" * <e-circular3d-series-collection>",
|
|
4831
|
+
" * <e-circular3d-series></e-circular3d-series>",
|
|
4832
|
+
" * </e-circular3d-series-collection>",
|
|
4833
|
+
" * ```",
|
|
4834
|
+
" */"
|
|
4835
|
+
],
|
|
4836
|
+
"complexDirective": [
|
|
4837
|
+
{
|
|
4838
|
+
"propertyName": "dataLabel",
|
|
4839
|
+
"baseClass": "CircularChart3DDataLabelSettings",
|
|
4840
|
+
"aspClassName": "CircularChart3DDataLabelSettings",
|
|
4841
|
+
"aspSelectorName": "e-circularchart3d-series-datalabel",
|
|
4842
|
+
"complexDirective": [
|
|
4843
|
+
{
|
|
4844
|
+
"propertyName": "connectorStyle",
|
|
4845
|
+
"baseClass": "CircularChart3DConnector",
|
|
4846
|
+
"selectorName": "e-connectorstyle",
|
|
4847
|
+
"aspSelectorName": "e-connectorstyle"
|
|
4848
|
+
},
|
|
4849
|
+
{
|
|
4850
|
+
"propertyName": "font",
|
|
4851
|
+
"baseClass": "CircularChart3DDataLabelFont",
|
|
4852
|
+
"selectorName": "e-font",
|
|
4853
|
+
"aspSelectorName": "e-font",
|
|
4854
|
+
"isCommon": "true"
|
|
4855
|
+
},
|
|
4856
|
+
{
|
|
4857
|
+
"propertyName": "border",
|
|
4858
|
+
"baseClass": "Border",
|
|
4859
|
+
"isCommon": "true"
|
|
4860
|
+
}
|
|
4861
|
+
]
|
|
4862
|
+
},
|
|
4863
|
+
{
|
|
4864
|
+
"propertyName": "emptyPointSettings",
|
|
4865
|
+
"baseClass": "CircularChart3DEmptyPointSettings"
|
|
4866
|
+
},
|
|
4867
|
+
{
|
|
4868
|
+
"propertyName": "animation",
|
|
4869
|
+
"baseClass": "Animation"
|
|
4870
|
+
}
|
|
4871
|
+
],
|
|
4872
|
+
"reactComment": [
|
|
4873
|
+
"/**",
|
|
4874
|
+
" * `CircularChart3DSeriesDirective` directive represent a series of the react Circular3D Chart. ",
|
|
4875
|
+
" * It must be contained in a Pie component(`CircularChart3D`). ",
|
|
4876
|
+
" * ```tsx",
|
|
4877
|
+
" * <CircularChart3DComponent>",
|
|
4878
|
+
" * <CircularChart3DSeriesCollectionDirective>",
|
|
4879
|
+
" * <CircularChart3DSeriesDirective></CircularChart3DSeriesDirective>",
|
|
4880
|
+
" * </CircularChart3DSeriesCollectionDirective>",
|
|
4881
|
+
" * </CircularChart3DComponent>",
|
|
4882
|
+
" * ```",
|
|
4883
|
+
" */"
|
|
4884
|
+
],
|
|
4885
|
+
"templateProperties": [
|
|
4886
|
+
"dataLabel.template"
|
|
4887
|
+
]
|
|
4888
|
+
},
|
|
4889
|
+
{
|
|
4890
|
+
"arrayDirectiveClassName": "CircularChart3DSelectedDataIndexes",
|
|
4891
|
+
"directiveClassName": "CircularChart3DSelectedDataIndex",
|
|
4892
|
+
"propertyName": "selectedDataIndexes",
|
|
4893
|
+
"directoryName": "circularchart3d",
|
|
4894
|
+
"arrayDirectiveSelector": "ejs-circularchart3d>e-circularchart3d-selecteddataindexes",
|
|
4895
|
+
"directiveSelector": "e-circularchart3d-selecteddataindexes>e-circularchart3d-selecteddataindex",
|
|
4896
|
+
"aspArrayDirectiveSelector": "e-circularchart3d-selecteddataindexes",
|
|
4897
|
+
"aspDirectiveSelector": "e-circularchart3d-selecteddataindex",
|
|
4898
|
+
"aspArrayClassName": "CircularChart3DSelectedDataIndex",
|
|
4899
|
+
"aspCollectionClassName": "CircularChart3DSelectedDataIndexes",
|
|
4900
|
+
"baseClass": "Indexes",
|
|
4901
|
+
"comment": [
|
|
4902
|
+
"/**",
|
|
4903
|
+
" * Selected Data Directive",
|
|
4904
|
+
" * ```html",
|
|
4905
|
+
" * <e-selecteddataindexes><e-selecteddataindex></e-selecteddataindex><e-selecteddataindexes>",
|
|
4906
|
+
" * ```",
|
|
4907
|
+
" */"
|
|
4908
|
+
]
|
|
4909
|
+
}
|
|
4910
|
+
],
|
|
4911
|
+
"templateProperties": [
|
|
4912
|
+
"tooltip.template"
|
|
4913
|
+
]
|
|
4602
4914
|
}
|
|
4603
4915
|
]
|
|
4604
4916
|
}
|