@visactor/vchart-theme-demo-component 0.0.1-alpha.5 → 1.11.2-alpha.0

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.
Files changed (107) hide show
  1. package/cjs/spec/area.d.ts +42 -0
  2. package/cjs/spec/area.js +151 -0
  3. package/cjs/spec/area.js.map +1 -0
  4. package/cjs/spec/bar.d.ts +30 -0
  5. package/cjs/spec/bar.js +80 -0
  6. package/cjs/spec/bar.js.map +1 -0
  7. package/cjs/spec/barGroup.d.ts +27 -0
  8. package/cjs/spec/barGroup.js +157 -0
  9. package/cjs/spec/barGroup.js.map +1 -0
  10. package/cjs/spec/barGroupHorizontal.d.ts +28 -0
  11. package/cjs/spec/barGroupHorizontal.js +94 -0
  12. package/cjs/spec/barGroupHorizontal.js.map +1 -0
  13. package/cjs/spec/barStacked.d.ts +30 -0
  14. package/cjs/spec/barStacked.js +160 -0
  15. package/cjs/spec/barStacked.js.map +1 -0
  16. package/cjs/spec/barStackedHorizontal.d.ts +31 -0
  17. package/cjs/spec/barStackedHorizontal.js +181 -0
  18. package/cjs/spec/barStackedHorizontal.js.map +1 -0
  19. package/cjs/spec/barStackedPercent.d.ts +32 -0
  20. package/cjs/spec/barStackedPercent.js +162 -0
  21. package/cjs/spec/barStackedPercent.js.map +1 -0
  22. package/cjs/spec/funnel.d.ts +19 -0
  23. package/cjs/spec/funnel.js +36 -0
  24. package/cjs/spec/funnel.js.map +1 -0
  25. package/cjs/spec/gauge.d.ts +58 -0
  26. package/cjs/spec/gauge.js +63 -0
  27. package/cjs/spec/gauge.js.map +1 -0
  28. package/cjs/spec/horizontalBar.d.ts +99 -0
  29. package/cjs/spec/horizontalBar.js +134 -0
  30. package/cjs/spec/horizontalBar.js.map +1 -0
  31. package/cjs/spec/indicatorSankey.d.ts +81 -0
  32. package/cjs/spec/indicatorSankey.js +103 -0
  33. package/cjs/spec/indicatorSankey.js.map +1 -0
  34. package/cjs/spec/line.d.ts +46 -0
  35. package/cjs/spec/line.js +154 -0
  36. package/cjs/spec/line.js.map +1 -0
  37. package/cjs/spec/pie.d.ts +44 -0
  38. package/cjs/spec/pie.js +53 -0
  39. package/cjs/spec/pie.js.map +1 -0
  40. package/cjs/spec/radar.d.ts +79 -0
  41. package/cjs/spec/radar.js +116 -0
  42. package/cjs/spec/radar.js.map +1 -0
  43. package/cjs/spec/ring.d.ts +54 -0
  44. package/cjs/spec/ring.js +63 -0
  45. package/cjs/spec/ring.js.map +1 -0
  46. package/cjs/spec/scatter.d.ts +57 -0
  47. package/cjs/spec/scatter.js +157 -0
  48. package/cjs/spec/scatter.js.map +1 -0
  49. package/cjs/vchart-chart-hub-theme/chart-list.js +14 -14
  50. package/cjs/vchart-chart-hub-theme/chart-list.js.map +1 -1
  51. package/esm/spec/area.d.ts +42 -0
  52. package/esm/spec/area.js +147 -0
  53. package/esm/spec/area.js.map +1 -0
  54. package/esm/spec/bar.d.ts +30 -0
  55. package/esm/spec/bar.js +76 -0
  56. package/esm/spec/bar.js.map +1 -0
  57. package/esm/spec/barGroup.d.ts +27 -0
  58. package/esm/spec/barGroup.js +153 -0
  59. package/esm/spec/barGroup.js.map +1 -0
  60. package/esm/spec/barGroupHorizontal.d.ts +28 -0
  61. package/esm/spec/barGroupHorizontal.js +90 -0
  62. package/esm/spec/barGroupHorizontal.js.map +1 -0
  63. package/esm/spec/barStacked.d.ts +30 -0
  64. package/esm/spec/barStacked.js +156 -0
  65. package/esm/spec/barStacked.js.map +1 -0
  66. package/esm/spec/barStackedHorizontal.d.ts +31 -0
  67. package/esm/spec/barStackedHorizontal.js +177 -0
  68. package/esm/spec/barStackedHorizontal.js.map +1 -0
  69. package/esm/spec/barStackedPercent.d.ts +32 -0
  70. package/esm/spec/barStackedPercent.js +158 -0
  71. package/esm/spec/barStackedPercent.js.map +1 -0
  72. package/esm/spec/funnel.d.ts +19 -0
  73. package/esm/spec/funnel.js +32 -0
  74. package/esm/spec/funnel.js.map +1 -0
  75. package/esm/spec/gauge.d.ts +58 -0
  76. package/esm/spec/gauge.js +59 -0
  77. package/esm/spec/gauge.js.map +1 -0
  78. package/esm/spec/horizontalBar.d.ts +99 -0
  79. package/esm/spec/horizontalBar.js +130 -0
  80. package/esm/spec/horizontalBar.js.map +1 -0
  81. package/esm/spec/indicatorSankey.d.ts +81 -0
  82. package/esm/spec/indicatorSankey.js +99 -0
  83. package/esm/spec/indicatorSankey.js.map +1 -0
  84. package/esm/spec/line.d.ts +46 -0
  85. package/esm/spec/line.js +150 -0
  86. package/esm/spec/line.js.map +1 -0
  87. package/esm/spec/pie.d.ts +44 -0
  88. package/esm/spec/pie.js +49 -0
  89. package/esm/spec/pie.js.map +1 -0
  90. package/esm/spec/radar.d.ts +79 -0
  91. package/esm/spec/radar.js +112 -0
  92. package/esm/spec/radar.js.map +1 -0
  93. package/esm/spec/ring.d.ts +54 -0
  94. package/esm/spec/ring.js +59 -0
  95. package/esm/spec/ring.js.map +1 -0
  96. package/esm/spec/scatter.d.ts +57 -0
  97. package/esm/spec/scatter.js +153 -0
  98. package/esm/spec/scatter.js.map +1 -0
  99. package/esm/vchart-chart-hub-theme/chart-list.js +25 -1
  100. package/esm/vchart-chart-hub-theme/chart-list.js.map +1 -1
  101. package/package.json +16 -14
  102. package/cjs/vchart-chart-hub-theme/chartSpec.d.ts +0 -757
  103. package/cjs/vchart-chart-hub-theme/chartSpec.js +0 -1776
  104. package/cjs/vchart-chart-hub-theme/chartSpec.js.map +0 -1
  105. package/esm/vchart-chart-hub-theme/chartSpec.d.ts +0 -757
  106. package/esm/vchart-chart-hub-theme/chartSpec.js +0 -1801
  107. package/esm/vchart-chart-hub-theme/chartSpec.js.map +0 -1
@@ -1,757 +0,0 @@
1
- export declare const barSpec: {
2
- type: string;
3
- data: {
4
- values: {
5
- type: string;
6
- year: string;
7
- value: number;
8
- }[];
9
- };
10
- height: number;
11
- xField: string[];
12
- yField: string;
13
- seriesField: string;
14
- axes: {
15
- orient: string;
16
- visible: boolean;
17
- domainLine: {
18
- visible: boolean;
19
- };
20
- tick: {
21
- visible: boolean;
22
- };
23
- }[];
24
- legends: {
25
- visible: boolean;
26
- };
27
- indicator: {
28
- visible: boolean;
29
- };
30
- };
31
- export declare const barGroupSpec: {
32
- type: string;
33
- data: {
34
- values: {
35
- type: string;
36
- year: string;
37
- value: number;
38
- }[];
39
- };
40
- height: number;
41
- xField: string[];
42
- yField: string;
43
- seriesField: string;
44
- axes: {
45
- orient: string;
46
- visible: boolean;
47
- domainLine: {
48
- visible: boolean;
49
- };
50
- tick: {
51
- visible: boolean;
52
- };
53
- }[];
54
- legends: {
55
- visible: boolean;
56
- };
57
- };
58
- export declare const barGroupHorizontalSpec: {
59
- type: string;
60
- data: {
61
- values: {
62
- type: string;
63
- year: string;
64
- value: number;
65
- }[];
66
- };
67
- height: number;
68
- direction: string;
69
- xField: string;
70
- yField: string[];
71
- seriesField: string;
72
- axes: {
73
- orient: string;
74
- visible: boolean;
75
- domainLine: {
76
- visible: boolean;
77
- };
78
- tick: {
79
- visible: boolean;
80
- };
81
- }[];
82
- legends: {
83
- visible: boolean;
84
- };
85
- };
86
- export declare const barStackedSpec: {
87
- type: string;
88
- data: {
89
- values: {
90
- type: string;
91
- year: string;
92
- value: number;
93
- }[];
94
- };
95
- height: number;
96
- xField: string;
97
- yField: string;
98
- seriesField: string;
99
- axes: {
100
- orient: string;
101
- visible: boolean;
102
- domainLine: {
103
- visible: boolean;
104
- };
105
- tick: {
106
- visible: boolean;
107
- };
108
- }[];
109
- legends: {
110
- visible: boolean;
111
- };
112
- indicator: {
113
- visible: boolean;
114
- };
115
- };
116
- export declare const barStackedHorizontalSpec: {
117
- type: string;
118
- data: {
119
- values: {
120
- type: string;
121
- year: string;
122
- value: number;
123
- }[];
124
- };
125
- height: number;
126
- direction: string;
127
- xField: string;
128
- yField: string;
129
- seriesField: string;
130
- axes: {
131
- orient: string;
132
- visible: boolean;
133
- domainLine: {
134
- visible: boolean;
135
- };
136
- tick: {
137
- visible: boolean;
138
- };
139
- }[];
140
- legends: {
141
- visible: boolean;
142
- };
143
- indicator: {
144
- visible: boolean;
145
- };
146
- };
147
- export declare const barStackedPercentSpec: {
148
- type: string;
149
- stack: boolean;
150
- percent: boolean;
151
- data: {
152
- values: {
153
- type: string;
154
- year: string;
155
- value: number;
156
- }[];
157
- };
158
- height: number;
159
- xField: string;
160
- yField: string;
161
- seriesField: string;
162
- axes: {
163
- orient: string;
164
- visible: boolean;
165
- domainLine: {
166
- visible: boolean;
167
- };
168
- tick: {
169
- visible: boolean;
170
- };
171
- }[];
172
- legends: {
173
- visible: boolean;
174
- };
175
- label: {
176
- visible: boolean;
177
- };
178
- };
179
- export declare const lineSpec: {
180
- type: string;
181
- data: {
182
- values: {
183
- type: string;
184
- country: string;
185
- value: number;
186
- }[];
187
- };
188
- height: number;
189
- xField: string[];
190
- yField: string;
191
- seriesField: string;
192
- legends: {
193
- visible: boolean;
194
- };
195
- point: {
196
- state: {
197
- dimension_hover: {
198
- visible: boolean;
199
- size: number;
200
- };
201
- };
202
- };
203
- line: {
204
- state: {
205
- active: {
206
- lineWidth: number;
207
- };
208
- };
209
- };
210
- interactions: {
211
- type: string;
212
- state: string;
213
- }[];
214
- crosshair: {
215
- xField: {
216
- line: {
217
- type: string;
218
- style: {
219
- lineWidth: number;
220
- };
221
- };
222
- };
223
- };
224
- };
225
- export declare const ringSpec: {
226
- type: string;
227
- data: {
228
- id: string;
229
- values: {
230
- type: string;
231
- value: string;
232
- }[];
233
- }[];
234
- valueField: string;
235
- categoryField: string;
236
- legends: {
237
- visible: boolean;
238
- orient: string;
239
- };
240
- interactions: {
241
- type: string;
242
- state: string;
243
- }[];
244
- pie: {
245
- state: {
246
- active: {
247
- lineWidth: number;
248
- };
249
- };
250
- };
251
- label: {
252
- formatMethod: (value: any, data: any) => {
253
- type: string;
254
- text: ({
255
- text: string;
256
- fontSize: number;
257
- fontWeight: string;
258
- fill: string;
259
- } | {
260
- text: any;
261
- fill: string;
262
- fontSize?: undefined;
263
- fontWeight?: undefined;
264
- })[];
265
- };
266
- };
267
- indicator: {
268
- visible: boolean;
269
- trigger: string;
270
- title: {
271
- visible: boolean;
272
- style: {
273
- text: string;
274
- fontSize: number;
275
- };
276
- };
277
- };
278
- };
279
- export declare const pieSpec: {
280
- type: string;
281
- innerRadius: number;
282
- data: {
283
- id: string;
284
- values: {
285
- type: string;
286
- value: string;
287
- }[];
288
- }[];
289
- valueField: string;
290
- categoryField: string;
291
- legends: {
292
- visible: boolean;
293
- orient: string;
294
- };
295
- interactions: {
296
- type: string;
297
- state: string;
298
- }[];
299
- pie: {
300
- state: {
301
- active: {
302
- lineWidth: number;
303
- };
304
- };
305
- };
306
- label: {
307
- formatMethod: (value: any, data: any) => {
308
- type: string;
309
- text: ({
310
- text: string;
311
- fontSize: number;
312
- fontWeight: string;
313
- fill: string;
314
- } | {
315
- text: any;
316
- fill: string;
317
- fontSize?: undefined;
318
- fontWeight?: undefined;
319
- })[];
320
- };
321
- };
322
- };
323
- export declare const radarSpec: {
324
- type: string;
325
- data: {
326
- id: string;
327
- values: {
328
- key: string;
329
- value: number;
330
- type: string;
331
- }[];
332
- }[];
333
- categoryField: string;
334
- valueField: string;
335
- seriesField: string;
336
- point: {
337
- state: {
338
- dimension_hover: {
339
- visible: boolean;
340
- size: number;
341
- };
342
- };
343
- };
344
- line: {
345
- state: {
346
- active: {
347
- lineWidth: number;
348
- };
349
- };
350
- };
351
- area: {
352
- visible: boolean;
353
- state: {
354
- active: {
355
- fillOpacity: number;
356
- };
357
- };
358
- };
359
- crosshair: {
360
- categoryField: {
361
- line: {
362
- style: {
363
- lineWidth: number;
364
- };
365
- };
366
- };
367
- };
368
- legends: {
369
- visible: boolean;
370
- };
371
- outerRadius: number;
372
- interactions: {
373
- type: string;
374
- state: string;
375
- }[];
376
- axes: ({
377
- orient: string;
378
- zIndex: number;
379
- min: number;
380
- max: number;
381
- grid: {
382
- smooth: boolean;
383
- };
384
- label: {
385
- visible: boolean;
386
- };
387
- domainLine?: undefined;
388
- } | {
389
- orient: string;
390
- zIndex: number;
391
- grid: {
392
- smooth: boolean;
393
- };
394
- domainLine: {
395
- visible: boolean;
396
- };
397
- min?: undefined;
398
- max?: undefined;
399
- label?: undefined;
400
- })[];
401
- };
402
- export declare const funnelSpec: {
403
- type: string;
404
- categoryField: string;
405
- valueField: string;
406
- data: {
407
- id: string;
408
- values: {
409
- value: number;
410
- name: string;
411
- }[];
412
- }[];
413
- label: {
414
- visible: boolean;
415
- };
416
- legends: {
417
- visible: boolean;
418
- orient: string;
419
- };
420
- };
421
- export declare const areaSpec: {
422
- type: string;
423
- seriesMark: string;
424
- data: {
425
- values: {
426
- type: string;
427
- country: string;
428
- value: number;
429
- }[];
430
- };
431
- height: number;
432
- xField: string[];
433
- yField: string;
434
- seriesField: string;
435
- legends: {
436
- visible: boolean;
437
- };
438
- line: {
439
- style: {
440
- curveType: string;
441
- };
442
- };
443
- point: {
444
- state: {
445
- dimension_hover: {
446
- visible: boolean;
447
- size: number;
448
- };
449
- };
450
- };
451
- crosshair: {
452
- xField: {
453
- line: {
454
- type: string;
455
- style: {
456
- lineWidth: number;
457
- };
458
- };
459
- };
460
- };
461
- stack: boolean;
462
- };
463
- export declare const gaugeSpec: {
464
- type: string;
465
- data: {
466
- id: string;
467
- values: {
468
- type: string;
469
- value: number;
470
- }[];
471
- }[];
472
- categoryField: string;
473
- valueField: string;
474
- outerRadius: number;
475
- innerRadius: number;
476
- startAngle: number;
477
- endAngle: number;
478
- indicator: {
479
- visible: boolean;
480
- title: {
481
- style: {
482
- text: string;
483
- fontSize: number;
484
- fontWeight: number;
485
- };
486
- };
487
- }[];
488
- axes: {
489
- type: string;
490
- orient: string;
491
- min: number;
492
- max: number;
493
- offset: number;
494
- radius: number;
495
- grid: {
496
- visible: boolean;
497
- };
498
- tick: {
499
- visible: boolean;
500
- tickSize: number;
501
- style: {
502
- lineWidth: number;
503
- };
504
- };
505
- subTick: {
506
- visible: boolean;
507
- tickSize: number;
508
- style: {
509
- lineWidth: number;
510
- };
511
- };
512
- label: {
513
- visible: boolean;
514
- style: {
515
- fill: string;
516
- fontSize: number;
517
- };
518
- };
519
- }[];
520
- };
521
- export declare const horizontalBarSpec: {
522
- type: string;
523
- data: {
524
- id: string;
525
- values: {
526
- province: string;
527
- value: number;
528
- type: string;
529
- }[];
530
- }[];
531
- direction: string;
532
- xField: string;
533
- yField: string;
534
- seriesField: string;
535
- padding: {
536
- right: number;
537
- left: number;
538
- };
539
- axes: ({
540
- orient: string;
541
- visible: boolean;
542
- nice: boolean;
543
- maxWidth?: undefined;
544
- label?: undefined;
545
- domainLine?: undefined;
546
- tick?: undefined;
547
- } | {
548
- orient: string;
549
- maxWidth: number;
550
- label: {
551
- autoLimit: boolean;
552
- };
553
- domainLine: {
554
- visible: boolean;
555
- };
556
- tick: {
557
- visible: boolean;
558
- };
559
- visible?: undefined;
560
- nice?: undefined;
561
- })[];
562
- stackCornerRadius: number;
563
- bar: {
564
- style: {
565
- cornerRadius: number[];
566
- height: number;
567
- };
568
- };
569
- barBackground: {
570
- visible: boolean;
571
- style: {
572
- cornerRadius: number[];
573
- height: number;
574
- };
575
- state: {
576
- hover: {
577
- stroke: string;
578
- lineWidth: number;
579
- };
580
- };
581
- };
582
- extensionMark: {
583
- type: string;
584
- dataId: string;
585
- visible: boolean;
586
- style: {
587
- text: (datum: any) => any;
588
- fontSize: number;
589
- x: (datum: any, ctx: any) => any;
590
- y: (datum: any, ctx: any) => any;
591
- textBaseline: string;
592
- textAlign: string;
593
- fill: string;
594
- size: number;
595
- };
596
- }[];
597
- crosshair: {
598
- yField: {
599
- visible: boolean;
600
- };
601
- };
602
- tooltip: {
603
- mark: {
604
- title: {
605
- visible: boolean;
606
- };
607
- };
608
- dimension: {
609
- title: {
610
- visible: boolean;
611
- };
612
- };
613
- style: {
614
- shape: {
615
- shapeType: string;
616
- };
617
- };
618
- };
619
- };
620
- export declare const scatterSpec: {
621
- type: string;
622
- data: {
623
- id: string;
624
- values: {
625
- gender: string;
626
- height: number;
627
- weight: number;
628
- age: number;
629
- }[];
630
- }[];
631
- xField: string;
632
- yField: string;
633
- seriesField: string;
634
- legends: {
635
- visible: boolean;
636
- };
637
- crosshair: {
638
- xField: {
639
- visible: boolean;
640
- };
641
- };
642
- interactions: {
643
- type: string;
644
- state: string;
645
- }[];
646
- tooltip: {
647
- dimension: {
648
- visible: boolean;
649
- };
650
- };
651
- point: {
652
- state: {
653
- active: {
654
- size: number;
655
- fillOpacity: number;
656
- strokeOpacity: number;
657
- outerBorder: {
658
- lineWidth: number;
659
- strokeOpacity: number;
660
- distance: number;
661
- };
662
- };
663
- };
664
- };
665
- axes: {
666
- orient: string;
667
- type: string;
668
- zero: boolean;
669
- domainLine: {
670
- visible: boolean;
671
- };
672
- grid: {
673
- visible: boolean;
674
- };
675
- }[];
676
- };
677
- export declare const indicatorSankeySpec: {
678
- type: string;
679
- data: {
680
- id: string;
681
- values: {
682
- links: ({
683
- source: string;
684
- target: string;
685
- value: number;
686
- } | {
687
- source: string;
688
- value: number;
689
- target?: undefined;
690
- } | {
691
- target: string;
692
- value: number;
693
- source?: undefined;
694
- })[];
695
- }[];
696
- }[];
697
- dataId: string;
698
- categoryField: string;
699
- valueField: string;
700
- sourceField: string;
701
- targetField: string;
702
- dropIsolatedNode: boolean;
703
- nodeGap: number;
704
- nodeWidth: number;
705
- equalNodeHeight: boolean;
706
- linkOverlap: string;
707
- label: {
708
- visible: boolean;
709
- style: {
710
- fontSize: number;
711
- };
712
- };
713
- node: {
714
- state: {
715
- hover: {
716
- stroke: string;
717
- };
718
- selected: {
719
- lineWidth: number;
720
- brighter: number;
721
- fillOpacity: number;
722
- };
723
- };
724
- style: {
725
- fill: string;
726
- fillOpacity: number;
727
- lineWidth: number;
728
- stroke: string;
729
- html: (datum: any, a: any, c: any) => {
730
- style: ({ width, height }: any) => {
731
- 'border-right': string;
732
- width: string;
733
- height: string;
734
- background: string;
735
- };
736
- dom: string;
737
- };
738
- };
739
- };
740
- link: {
741
- style: {
742
- fill: string;
743
- };
744
- state: {
745
- hover: {
746
- fillOpacity: number;
747
- };
748
- selected: {
749
- fill: string;
750
- stroke: string;
751
- lineWidth: number;
752
- brighter: number;
753
- fillOpacity: number;
754
- };
755
- };
756
- };
757
- };