w-plot-vue 1.0.0 → 1.0.2
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/README.md +4 -4
- package/dist/w-plot-vue.umd.js +7 -0
- package/dist/w-plot-vue.umd.js.map +1 -0
- package/docs/examples/app.html +1 -1
- package/docs/examples/app.umd.js +2 -2
- package/docs/examples/app.umd.js.map +1 -1
- package/docs/examples/w-bar_horizontal_multi-set(color).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set(series color).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set__show labels.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barUseInnerLabelsForHorizontal_barGroupWidthRatio.html +496 -0
- package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set(color).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barColor.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barUseInnerLabelsForHorizontal.html +493 -0
- package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_hide labels.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +10 -10
- package/docs/examples/w-bar_horizontal_one-set_show legned.html +10 -10
- package/docs/examples/w-bar_multi-set(color).html +10 -10
- package/docs/examples/w-bar_multi-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_multi-set(series color).html +10 -10
- package/docs/examples/w-bar_multi-set(series color, gradient).html +10 -10
- package/docs/examples/w-bar_multi-set.html +10 -10
- package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +10 -10
- package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +10 -10
- package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +10 -10
- package/docs/examples/w-bar_multi-set__hide legned.html +10 -10
- package/docs/examples/w-bar_multi-set__show labels.html +10 -10
- package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_multi-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_multi-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +10 -10
- package/docs/examples/w-bar_one-set(color).html +10 -10
- package/docs/examples/w-bar_one-set(color, gradient).html +10 -10
- package/docs/examples/w-bar_one-set.html +10 -10
- package/docs/examples/w-bar_one-set_barColor(gradient).html +10 -10
- package/docs/examples/w-bar_one-set_barColor.html +10 -10
- package/docs/examples/w-bar_one-set_barKpColor(gradient).html +10 -10
- package/docs/examples/w-bar_one-set_barKpColor.html +10 -10
- package/docs/examples/w-bar_one-set_barWidthRatio.html +10 -10
- package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +10 -10
- package/docs/examples/w-bar_one-set_hide labels.html +10 -10
- package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +10 -10
- package/docs/examples/w-bar_one-set_show legned.html +10 -10
- package/docs/examples/w-pie_one-set(color).html +5 -5
- package/docs/examples/w-pie_one-set(color, gradient).html +5 -5
- package/docs/examples/w-pie_one-set.html +5 -5
- package/docs/examples/w-pie_one-set_hide labels.html +5 -5
- package/docs/examples/w-pie_one-set_hide legned.html +5 -5
- package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +5 -5
- package/docs/examples/w-pie_one-set_pieBorderRadius.html +5 -5
- package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +5 -5
- package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +5 -5
- package/docs/examples/w-pie_one-set_pieKpColor.html +5 -5
- package/docs/examples/w-pie_one-set_pieThicknessRatio.html +5 -5
- package/docs/examples/w-plot_default.html +1 -1
- package/docs/examples/w-rose_multi-set(color).html +10 -10
- package/docs/examples/w-rose_multi-set(color, gradient).html +10 -10
- package/docs/examples/w-rose_multi-set(series color).html +10 -10
- package/docs/examples/w-rose_multi-set(series color, gradient).html +10 -10
- package/docs/examples/w-rose_multi-set.html +10 -10
- package/docs/examples/w-rose_multi-set__hide legned.html +10 -10
- package/docs/examples/w-rose_multi-set__show labels.html +10 -10
- package/docs/examples/w-rose_multi-set_roseBorderWidth.html +10 -10
- package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +10 -10
- package/docs/examples/w-rose_multi-set_roseKpColor.html +10 -10
- package/docs/examples/w-rose_multi-set_roseWidthRatio.html +10 -10
- package/docs/examples/w-rose_one-set(color).html +10 -10
- package/docs/examples/w-rose_one-set(color, gradient).html +10 -10
- package/docs/examples/w-rose_one-set.html +10 -10
- package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +10 -10
- package/docs/examples/w-rose_one-set_roseBorderWidth.html +10 -10
- package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +10 -10
- package/docs/examples/w-rose_one-set_roseKpColor.html +10 -10
- package/docs/examples/w-rose_one-set_roseShowLabels.html +10 -10
- package/docs/examples/w-rose_one-set_roseWidthRatio.html +10 -10
- package/docs/examples/w-rose_one-set_showLegend.html +10 -10
- package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +10 -10
- package/docs/examples/w-set-multi_default.html +221 -0
- package/docs/examples/w-set-multi_hide labels.html +222 -0
- package/docs/examples/w-set-multi_hide legned.html +222 -0
- package/docs/examples/w-set-multi_keySelect.html +226 -0
- package/docs/examples/w-set-multi_slot head.html +225 -0
- package/docs/examples/w-set-multi_textPlotType_kpSelectText_widthSelect.html +233 -0
- package/docs/examples/w-set-one_default.html +192 -0
- package/docs/examples/w-set-one_hide labels.html +193 -0
- package/docs/examples/w-set-one_keySelect.html +197 -0
- package/docs/examples/w-set-one_show legned.html +193 -0
- package/docs/examples/w-set-one_slot head.html +196 -0
- package/docs/examples/w-set-one_textPlotType_kpSelectText_widthSelect.html +201 -0
- package/docs/getDefAxis.mjs.html +5 -5
- package/docs/getDefChart.mjs.html +3 -3
- package/docs/getDefLegend.mjs.html +2 -2
- package/docs/getDefOpt.mjs.html +2 -2
- package/docs/global.html +2 -2
- package/docs/index.html +2 -2
- package/docs/module-WBar.html +2 -2
- package/docs/module-WPie.html +2 -2
- package/docs/module-WPlot.html +2 -2
- package/docs/module-WRose.html +2 -2
- package/docs/module-WSetMulti.html +216 -0
- package/docs/module-WSetOne.html +216 -0
- package/docs/setLegendLoc.mjs.html +2 -2
- package/package.json +1 -1
- package/src/App.vue +224 -20
- package/src/AppZoneWBar.vue +50 -9
- package/src/AppZoneWPie.vue +4 -4
- package/src/AppZoneWRose.vue +9 -9
- package/src/AppZoneWSetMulti.vue +225 -0
- package/src/AppZoneWSetOne.vue +193 -0
- package/src/components/WBar.vue +128 -18
- package/src/components/WPie.vue +21 -18
- package/src/components/{WGeoVue.vue → WPlotVue.vue} +8 -4
- package/src/components/WRose.vue +21 -18
- package/src/components/WSetMulti.vue +423 -0
- package/src/components/WSetOne.vue +57 -0
- package/src/js/genBarOpt.mjs +54 -7
- package/src/js/genPieOpt.mjs +1 -1
- package/src/js/genRoseOpt.mjs +1 -1
- package/src/js/getDefAxis.mjs +3 -3
- package/src/js/getDefChart.mjs +1 -1
- package/toolg/gDistRollupComps.mjs +1 -1
- package/toolg/gMergeComps.mjs +4 -4
- package/dist/w-geo-vue.umd.js +0 -7
- package/dist/w-geo-vue.umd.js.map +0 -1
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
el: "#app",
|
|
141
141
|
|
|
142
142
|
data: function() {
|
|
143
|
-
let
|
|
143
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
144
144
|
let rds1a = [
|
|
145
145
|
{
|
|
146
146
|
name: "Corn",
|
|
@@ -417,7 +417,7 @@
|
|
|
417
417
|
opt1a: {
|
|
418
418
|
width: 400,
|
|
419
419
|
height: 400,
|
|
420
|
-
keys
|
|
420
|
+
keys,
|
|
421
421
|
rds: rds1a,
|
|
422
422
|
xTitle: "Countries",
|
|
423
423
|
yTitle: "Weight (MT)"
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
opt1b: {
|
|
426
426
|
width: 400,
|
|
427
427
|
height: 400,
|
|
428
|
-
keys
|
|
428
|
+
keys,
|
|
429
429
|
rds: rds1b,
|
|
430
430
|
xTitle: "Countries",
|
|
431
431
|
yTitle: "Weight (MT)"
|
|
@@ -433,7 +433,7 @@
|
|
|
433
433
|
opt1c: {
|
|
434
434
|
width: 400,
|
|
435
435
|
height: 400,
|
|
436
|
-
keys
|
|
436
|
+
keys,
|
|
437
437
|
rds: rds1c,
|
|
438
438
|
xTitle: "Countries",
|
|
439
439
|
yTitle: "Weight (MT)"
|
|
@@ -441,7 +441,7 @@
|
|
|
441
441
|
opt2a: {
|
|
442
442
|
width: 400,
|
|
443
443
|
height: 400,
|
|
444
|
-
keys
|
|
444
|
+
keys,
|
|
445
445
|
rds: rds2a,
|
|
446
446
|
xTitle: "Countries",
|
|
447
447
|
yTitle: "Weight (MT)"
|
|
@@ -449,7 +449,7 @@
|
|
|
449
449
|
opt2b: {
|
|
450
450
|
width: 400,
|
|
451
451
|
height: 400,
|
|
452
|
-
keys
|
|
452
|
+
keys,
|
|
453
453
|
rds: rds2b,
|
|
454
454
|
xTitle: "Countries",
|
|
455
455
|
yTitle: "Weight (MT)"
|
|
@@ -457,7 +457,7 @@
|
|
|
457
457
|
opt2c: {
|
|
458
458
|
width: 400,
|
|
459
459
|
height: 400,
|
|
460
|
-
keys
|
|
460
|
+
keys,
|
|
461
461
|
rds: rds2c,
|
|
462
462
|
xTitle: "Countries",
|
|
463
463
|
yTitle: "Weight (MT)"
|
|
@@ -465,7 +465,7 @@
|
|
|
465
465
|
opt2d: {
|
|
466
466
|
width: 400,
|
|
467
467
|
height: 400,
|
|
468
|
-
keys
|
|
468
|
+
keys,
|
|
469
469
|
rds: rds2d,
|
|
470
470
|
xTitle: "Countries",
|
|
471
471
|
yTitle: "Weight (MT)"
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
opt2e: {
|
|
474
474
|
width: 400,
|
|
475
475
|
height: 400,
|
|
476
|
-
keys
|
|
476
|
+
keys,
|
|
477
477
|
rds: rds2e,
|
|
478
478
|
xTitle: "Countries",
|
|
479
479
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
el: "#app",
|
|
157
157
|
|
|
158
158
|
data: function() {
|
|
159
|
-
let
|
|
159
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
160
160
|
let rds1a = [
|
|
161
161
|
{
|
|
162
162
|
name: "Corn",
|
|
@@ -433,7 +433,7 @@
|
|
|
433
433
|
opt1a: {
|
|
434
434
|
width: 400,
|
|
435
435
|
height: 400,
|
|
436
|
-
keys
|
|
436
|
+
keys,
|
|
437
437
|
rds: rds1a,
|
|
438
438
|
xTitle: "Countries",
|
|
439
439
|
yTitle: "Weight (MT)"
|
|
@@ -441,7 +441,7 @@
|
|
|
441
441
|
opt1b: {
|
|
442
442
|
width: 400,
|
|
443
443
|
height: 400,
|
|
444
|
-
keys
|
|
444
|
+
keys,
|
|
445
445
|
rds: rds1b,
|
|
446
446
|
xTitle: "Countries",
|
|
447
447
|
yTitle: "Weight (MT)"
|
|
@@ -449,7 +449,7 @@
|
|
|
449
449
|
opt1c: {
|
|
450
450
|
width: 400,
|
|
451
451
|
height: 400,
|
|
452
|
-
keys
|
|
452
|
+
keys,
|
|
453
453
|
rds: rds1c,
|
|
454
454
|
xTitle: "Countries",
|
|
455
455
|
yTitle: "Weight (MT)"
|
|
@@ -457,7 +457,7 @@
|
|
|
457
457
|
opt2a: {
|
|
458
458
|
width: 400,
|
|
459
459
|
height: 400,
|
|
460
|
-
keys
|
|
460
|
+
keys,
|
|
461
461
|
rds: rds2a,
|
|
462
462
|
xTitle: "Countries",
|
|
463
463
|
yTitle: "Weight (MT)"
|
|
@@ -465,7 +465,7 @@
|
|
|
465
465
|
opt2b: {
|
|
466
466
|
width: 400,
|
|
467
467
|
height: 400,
|
|
468
|
-
keys
|
|
468
|
+
keys,
|
|
469
469
|
rds: rds2b,
|
|
470
470
|
xTitle: "Countries",
|
|
471
471
|
yTitle: "Weight (MT)"
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
opt2c: {
|
|
474
474
|
width: 400,
|
|
475
475
|
height: 400,
|
|
476
|
-
keys
|
|
476
|
+
keys,
|
|
477
477
|
rds: rds2c,
|
|
478
478
|
xTitle: "Countries",
|
|
479
479
|
yTitle: "Weight (MT)"
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
opt2d: {
|
|
482
482
|
width: 400,
|
|
483
483
|
height: 400,
|
|
484
|
-
keys
|
|
484
|
+
keys,
|
|
485
485
|
rds: rds2d,
|
|
486
486
|
xTitle: "Countries",
|
|
487
487
|
yTitle: "Weight (MT)"
|
|
@@ -489,7 +489,7 @@
|
|
|
489
489
|
opt2e: {
|
|
490
490
|
width: 400,
|
|
491
491
|
height: 400,
|
|
492
|
-
keys
|
|
492
|
+
keys,
|
|
493
493
|
rds: rds2e,
|
|
494
494
|
xTitle: "Countries",
|
|
495
495
|
yTitle: "Weight (MT)"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
></script>
|
|
67
67
|
|
|
68
68
|
<!-- w-plot-vue -->
|
|
69
|
-
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.
|
|
69
|
+
<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.2/dist/w-plot-vue.umd.js"></script>
|
|
70
70
|
|
|
71
71
|
<style>
|
|
72
72
|
.v-application--wrap {
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
el: "#app",
|
|
155
155
|
|
|
156
156
|
data: function() {
|
|
157
|
-
let
|
|
157
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
158
158
|
let rds1a = [
|
|
159
159
|
{
|
|
160
160
|
name: "Corn",
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
opt1a: {
|
|
432
432
|
width: 400,
|
|
433
433
|
height: 400,
|
|
434
|
-
keys
|
|
434
|
+
keys,
|
|
435
435
|
rds: rds1a,
|
|
436
436
|
xTitle: "Countries",
|
|
437
437
|
yTitle: "Weight (MT)"
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
opt1b: {
|
|
440
440
|
width: 400,
|
|
441
441
|
height: 400,
|
|
442
|
-
keys
|
|
442
|
+
keys,
|
|
443
443
|
rds: rds1b,
|
|
444
444
|
xTitle: "Countries",
|
|
445
445
|
yTitle: "Weight (MT)"
|
|
@@ -447,7 +447,7 @@
|
|
|
447
447
|
opt1c: {
|
|
448
448
|
width: 400,
|
|
449
449
|
height: 400,
|
|
450
|
-
keys
|
|
450
|
+
keys,
|
|
451
451
|
rds: rds1c,
|
|
452
452
|
xTitle: "Countries",
|
|
453
453
|
yTitle: "Weight (MT)"
|
|
@@ -455,7 +455,7 @@
|
|
|
455
455
|
opt2a: {
|
|
456
456
|
width: 400,
|
|
457
457
|
height: 400,
|
|
458
|
-
keys
|
|
458
|
+
keys,
|
|
459
459
|
rds: rds2a,
|
|
460
460
|
xTitle: "Countries",
|
|
461
461
|
yTitle: "Weight (MT)"
|
|
@@ -463,7 +463,7 @@
|
|
|
463
463
|
opt2b: {
|
|
464
464
|
width: 400,
|
|
465
465
|
height: 400,
|
|
466
|
-
keys
|
|
466
|
+
keys,
|
|
467
467
|
rds: rds2b,
|
|
468
468
|
xTitle: "Countries",
|
|
469
469
|
yTitle: "Weight (MT)"
|
|
@@ -471,7 +471,7 @@
|
|
|
471
471
|
opt2c: {
|
|
472
472
|
width: 400,
|
|
473
473
|
height: 400,
|
|
474
|
-
keys
|
|
474
|
+
keys,
|
|
475
475
|
rds: rds2c,
|
|
476
476
|
xTitle: "Countries",
|
|
477
477
|
yTitle: "Weight (MT)"
|
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
opt2d: {
|
|
480
480
|
width: 400,
|
|
481
481
|
height: 400,
|
|
482
|
-
keys
|
|
482
|
+
keys,
|
|
483
483
|
rds: rds2d,
|
|
484
484
|
xTitle: "Countries",
|
|
485
485
|
yTitle: "Weight (MT)"
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
opt2e: {
|
|
488
488
|
width: 400,
|
|
489
489
|
height: 400,
|
|
490
|
-
keys
|
|
490
|
+
keys,
|
|
491
491
|
rds: rds2e,
|
|
492
492
|
xTitle: "Countries",
|
|
493
493
|
yTitle: "Weight (MT)"
|