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 {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
opt1a: {
|
|
414
414
|
width: 400,
|
|
415
415
|
height: 400,
|
|
416
|
-
keys
|
|
416
|
+
keys,
|
|
417
417
|
rds: rds1a,
|
|
418
418
|
xTitle: "Countries",
|
|
419
419
|
yTitle: "Weight (MT)"
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
opt1b: {
|
|
422
422
|
width: 400,
|
|
423
423
|
height: 400,
|
|
424
|
-
keys
|
|
424
|
+
keys,
|
|
425
425
|
rds: rds1b,
|
|
426
426
|
xTitle: "Countries",
|
|
427
427
|
yTitle: "Weight (MT)"
|
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
opt1c: {
|
|
430
430
|
width: 400,
|
|
431
431
|
height: 400,
|
|
432
|
-
keys
|
|
432
|
+
keys,
|
|
433
433
|
rds: rds1c,
|
|
434
434
|
xTitle: "Countries",
|
|
435
435
|
yTitle: "Weight (MT)"
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
opt2a: {
|
|
438
438
|
width: 400,
|
|
439
439
|
height: 400,
|
|
440
|
-
keys
|
|
440
|
+
keys,
|
|
441
441
|
rds: rds2a,
|
|
442
442
|
xTitle: "Countries",
|
|
443
443
|
yTitle: "Weight (MT)"
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
opt2b: {
|
|
446
446
|
width: 400,
|
|
447
447
|
height: 400,
|
|
448
|
-
keys
|
|
448
|
+
keys,
|
|
449
449
|
rds: rds2b,
|
|
450
450
|
xTitle: "Countries",
|
|
451
451
|
yTitle: "Weight (MT)"
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
opt2c: {
|
|
454
454
|
width: 400,
|
|
455
455
|
height: 400,
|
|
456
|
-
keys
|
|
456
|
+
keys,
|
|
457
457
|
rds: rds2c,
|
|
458
458
|
xTitle: "Countries",
|
|
459
459
|
yTitle: "Weight (MT)"
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
opt2d: {
|
|
462
462
|
width: 400,
|
|
463
463
|
height: 400,
|
|
464
|
-
keys
|
|
464
|
+
keys,
|
|
465
465
|
rds: rds2d,
|
|
466
466
|
xTitle: "Countries",
|
|
467
467
|
yTitle: "Weight (MT)"
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
opt2e: {
|
|
470
470
|
width: 400,
|
|
471
471
|
height: 400,
|
|
472
|
-
keys
|
|
472
|
+
keys,
|
|
473
473
|
rds: rds2e,
|
|
474
474
|
xTitle: "Countries",
|
|
475
475
|
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 {
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
el: "#app",
|
|
142
142
|
|
|
143
143
|
data: function() {
|
|
144
|
-
let
|
|
144
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
145
145
|
let rds1a = [
|
|
146
146
|
{
|
|
147
147
|
name: "Corn",
|
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
opt1a: {
|
|
419
419
|
width: 400,
|
|
420
420
|
height: 400,
|
|
421
|
-
keys
|
|
421
|
+
keys,
|
|
422
422
|
rds: rds1a,
|
|
423
423
|
xTitle: "Countries",
|
|
424
424
|
yTitle: "Weight (MT)"
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
opt1b: {
|
|
427
427
|
width: 400,
|
|
428
428
|
height: 400,
|
|
429
|
-
keys
|
|
429
|
+
keys,
|
|
430
430
|
rds: rds1b,
|
|
431
431
|
xTitle: "Countries",
|
|
432
432
|
yTitle: "Weight (MT)"
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
opt1c: {
|
|
435
435
|
width: 400,
|
|
436
436
|
height: 400,
|
|
437
|
-
keys
|
|
437
|
+
keys,
|
|
438
438
|
rds: rds1c,
|
|
439
439
|
xTitle: "Countries",
|
|
440
440
|
yTitle: "Weight (MT)"
|
|
@@ -442,7 +442,7 @@
|
|
|
442
442
|
opt2a: {
|
|
443
443
|
width: 400,
|
|
444
444
|
height: 400,
|
|
445
|
-
keys
|
|
445
|
+
keys,
|
|
446
446
|
rds: rds2a,
|
|
447
447
|
xTitle: "Countries",
|
|
448
448
|
yTitle: "Weight (MT)"
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
opt2b: {
|
|
451
451
|
width: 400,
|
|
452
452
|
height: 400,
|
|
453
|
-
keys
|
|
453
|
+
keys,
|
|
454
454
|
rds: rds2b,
|
|
455
455
|
xTitle: "Countries",
|
|
456
456
|
yTitle: "Weight (MT)"
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
opt2c: {
|
|
459
459
|
width: 400,
|
|
460
460
|
height: 400,
|
|
461
|
-
keys
|
|
461
|
+
keys,
|
|
462
462
|
rds: rds2c,
|
|
463
463
|
xTitle: "Countries",
|
|
464
464
|
yTitle: "Weight (MT)"
|
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
opt2d: {
|
|
467
467
|
width: 400,
|
|
468
468
|
height: 400,
|
|
469
|
-
keys
|
|
469
|
+
keys,
|
|
470
470
|
rds: rds2d,
|
|
471
471
|
xTitle: "Countries",
|
|
472
472
|
yTitle: "Weight (MT)"
|
|
@@ -474,7 +474,7 @@
|
|
|
474
474
|
opt2e: {
|
|
475
475
|
width: 400,
|
|
476
476
|
height: 400,
|
|
477
|
-
keys
|
|
477
|
+
keys,
|
|
478
478
|
rds: rds2e,
|
|
479
479
|
xTitle: "Countries",
|
|
480
480
|
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 {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
opt1a: {
|
|
414
414
|
width: 400,
|
|
415
415
|
height: 400,
|
|
416
|
-
keys
|
|
416
|
+
keys,
|
|
417
417
|
rds: rds1a,
|
|
418
418
|
xTitle: "Countries",
|
|
419
419
|
yTitle: "Weight (MT)"
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
opt1b: {
|
|
422
422
|
width: 400,
|
|
423
423
|
height: 400,
|
|
424
|
-
keys
|
|
424
|
+
keys,
|
|
425
425
|
rds: rds1b,
|
|
426
426
|
xTitle: "Countries",
|
|
427
427
|
yTitle: "Weight (MT)"
|
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
opt1c: {
|
|
430
430
|
width: 400,
|
|
431
431
|
height: 400,
|
|
432
|
-
keys
|
|
432
|
+
keys,
|
|
433
433
|
rds: rds1c,
|
|
434
434
|
xTitle: "Countries",
|
|
435
435
|
yTitle: "Weight (MT)"
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
opt2a: {
|
|
438
438
|
width: 400,
|
|
439
439
|
height: 400,
|
|
440
|
-
keys
|
|
440
|
+
keys,
|
|
441
441
|
rds: rds2a,
|
|
442
442
|
xTitle: "Countries",
|
|
443
443
|
yTitle: "Weight (MT)"
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
opt2b: {
|
|
446
446
|
width: 400,
|
|
447
447
|
height: 400,
|
|
448
|
-
keys
|
|
448
|
+
keys,
|
|
449
449
|
rds: rds2b,
|
|
450
450
|
xTitle: "Countries",
|
|
451
451
|
yTitle: "Weight (MT)"
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
opt2c: {
|
|
454
454
|
width: 400,
|
|
455
455
|
height: 400,
|
|
456
|
-
keys
|
|
456
|
+
keys,
|
|
457
457
|
rds: rds2c,
|
|
458
458
|
xTitle: "Countries",
|
|
459
459
|
yTitle: "Weight (MT)"
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
opt2d: {
|
|
462
462
|
width: 400,
|
|
463
463
|
height: 400,
|
|
464
|
-
keys
|
|
464
|
+
keys,
|
|
465
465
|
rds: rds2d,
|
|
466
466
|
xTitle: "Countries",
|
|
467
467
|
yTitle: "Weight (MT)"
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
opt2e: {
|
|
470
470
|
width: 400,
|
|
471
471
|
height: 400,
|
|
472
|
-
keys
|
|
472
|
+
keys,
|
|
473
473
|
rds: rds2e,
|
|
474
474
|
xTitle: "Countries",
|
|
475
475
|
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 {
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
el: "#app",
|
|
142
142
|
|
|
143
143
|
data: function() {
|
|
144
|
-
let
|
|
144
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
145
145
|
let rds1a = [
|
|
146
146
|
{
|
|
147
147
|
name: "Corn",
|
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
opt1a: {
|
|
419
419
|
width: 400,
|
|
420
420
|
height: 400,
|
|
421
|
-
keys
|
|
421
|
+
keys,
|
|
422
422
|
rds: rds1a,
|
|
423
423
|
xTitle: "Countries",
|
|
424
424
|
yTitle: "Weight (MT)"
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
opt1b: {
|
|
427
427
|
width: 400,
|
|
428
428
|
height: 400,
|
|
429
|
-
keys
|
|
429
|
+
keys,
|
|
430
430
|
rds: rds1b,
|
|
431
431
|
xTitle: "Countries",
|
|
432
432
|
yTitle: "Weight (MT)"
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
opt1c: {
|
|
435
435
|
width: 400,
|
|
436
436
|
height: 400,
|
|
437
|
-
keys
|
|
437
|
+
keys,
|
|
438
438
|
rds: rds1c,
|
|
439
439
|
xTitle: "Countries",
|
|
440
440
|
yTitle: "Weight (MT)"
|
|
@@ -442,7 +442,7 @@
|
|
|
442
442
|
opt2a: {
|
|
443
443
|
width: 400,
|
|
444
444
|
height: 400,
|
|
445
|
-
keys
|
|
445
|
+
keys,
|
|
446
446
|
rds: rds2a,
|
|
447
447
|
xTitle: "Countries",
|
|
448
448
|
yTitle: "Weight (MT)"
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
opt2b: {
|
|
451
451
|
width: 400,
|
|
452
452
|
height: 400,
|
|
453
|
-
keys
|
|
453
|
+
keys,
|
|
454
454
|
rds: rds2b,
|
|
455
455
|
xTitle: "Countries",
|
|
456
456
|
yTitle: "Weight (MT)"
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
opt2c: {
|
|
459
459
|
width: 400,
|
|
460
460
|
height: 400,
|
|
461
|
-
keys
|
|
461
|
+
keys,
|
|
462
462
|
rds: rds2c,
|
|
463
463
|
xTitle: "Countries",
|
|
464
464
|
yTitle: "Weight (MT)"
|
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
opt2d: {
|
|
467
467
|
width: 400,
|
|
468
468
|
height: 400,
|
|
469
|
-
keys
|
|
469
|
+
keys,
|
|
470
470
|
rds: rds2d,
|
|
471
471
|
xTitle: "Countries",
|
|
472
472
|
yTitle: "Weight (MT)"
|
|
@@ -474,7 +474,7 @@
|
|
|
474
474
|
opt2e: {
|
|
475
475
|
width: 400,
|
|
476
476
|
height: 400,
|
|
477
|
-
keys
|
|
477
|
+
keys,
|
|
478
478
|
rds: rds2e,
|
|
479
479
|
xTitle: "Countries",
|
|
480
480
|
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 {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
opt1a: {
|
|
414
414
|
width: 400,
|
|
415
415
|
height: 400,
|
|
416
|
-
keys
|
|
416
|
+
keys,
|
|
417
417
|
rds: rds1a,
|
|
418
418
|
xTitle: "Countries",
|
|
419
419
|
yTitle: "Weight (MT)"
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
opt1b: {
|
|
422
422
|
width: 400,
|
|
423
423
|
height: 400,
|
|
424
|
-
keys
|
|
424
|
+
keys,
|
|
425
425
|
rds: rds1b,
|
|
426
426
|
xTitle: "Countries",
|
|
427
427
|
yTitle: "Weight (MT)"
|
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
opt1c: {
|
|
430
430
|
width: 400,
|
|
431
431
|
height: 400,
|
|
432
|
-
keys
|
|
432
|
+
keys,
|
|
433
433
|
rds: rds1c,
|
|
434
434
|
xTitle: "Countries",
|
|
435
435
|
yTitle: "Weight (MT)"
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
opt2a: {
|
|
438
438
|
width: 400,
|
|
439
439
|
height: 400,
|
|
440
|
-
keys
|
|
440
|
+
keys,
|
|
441
441
|
rds: rds2a,
|
|
442
442
|
xTitle: "Countries",
|
|
443
443
|
yTitle: "Weight (MT)"
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
opt2b: {
|
|
446
446
|
width: 400,
|
|
447
447
|
height: 400,
|
|
448
|
-
keys
|
|
448
|
+
keys,
|
|
449
449
|
rds: rds2b,
|
|
450
450
|
xTitle: "Countries",
|
|
451
451
|
yTitle: "Weight (MT)"
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
opt2c: {
|
|
454
454
|
width: 400,
|
|
455
455
|
height: 400,
|
|
456
|
-
keys
|
|
456
|
+
keys,
|
|
457
457
|
rds: rds2c,
|
|
458
458
|
xTitle: "Countries",
|
|
459
459
|
yTitle: "Weight (MT)"
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
opt2d: {
|
|
462
462
|
width: 400,
|
|
463
463
|
height: 400,
|
|
464
|
-
keys
|
|
464
|
+
keys,
|
|
465
465
|
rds: rds2d,
|
|
466
466
|
xTitle: "Countries",
|
|
467
467
|
yTitle: "Weight (MT)"
|
|
@@ -469,7 +469,7 @@
|
|
|
469
469
|
opt2e: {
|
|
470
470
|
width: 400,
|
|
471
471
|
height: 400,
|
|
472
|
-
keys
|
|
472
|
+
keys,
|
|
473
473
|
rds: rds2e,
|
|
474
474
|
xTitle: "Countries",
|
|
475
475
|
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 {
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
el: "#app",
|
|
136
136
|
|
|
137
137
|
data: function() {
|
|
138
|
-
let
|
|
138
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
139
139
|
let rds1a = [
|
|
140
140
|
{
|
|
141
141
|
name: "Corn",
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
opt1a: {
|
|
217
217
|
width: 400,
|
|
218
218
|
height: 400,
|
|
219
|
-
keys
|
|
219
|
+
keys,
|
|
220
220
|
rds: rds1a,
|
|
221
221
|
xTitle: "Countries",
|
|
222
222
|
yTitle: "Weight (MT)"
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
opt1b: {
|
|
225
225
|
width: 400,
|
|
226
226
|
height: 400,
|
|
227
|
-
keys
|
|
227
|
+
keys,
|
|
228
228
|
rds: rds1b,
|
|
229
229
|
xTitle: "Countries",
|
|
230
230
|
yTitle: "Weight (MT)"
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
opt1c: {
|
|
233
233
|
width: 400,
|
|
234
234
|
height: 400,
|
|
235
|
-
keys
|
|
235
|
+
keys,
|
|
236
236
|
rds: rds1c,
|
|
237
237
|
xTitle: "Countries",
|
|
238
238
|
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 {
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
el: "#app",
|
|
136
136
|
|
|
137
137
|
data: function() {
|
|
138
|
-
let
|
|
138
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
139
139
|
let rds1a = [
|
|
140
140
|
{
|
|
141
141
|
name: "Corn",
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
opt1a: {
|
|
217
217
|
width: 400,
|
|
218
218
|
height: 400,
|
|
219
|
-
keys
|
|
219
|
+
keys,
|
|
220
220
|
rds: rds1a,
|
|
221
221
|
xTitle: "Countries",
|
|
222
222
|
yTitle: "Weight (MT)"
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
opt1b: {
|
|
225
225
|
width: 400,
|
|
226
226
|
height: 400,
|
|
227
|
-
keys
|
|
227
|
+
keys,
|
|
228
228
|
rds: rds1b,
|
|
229
229
|
xTitle: "Countries",
|
|
230
230
|
yTitle: "Weight (MT)"
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
opt1c: {
|
|
233
233
|
width: 400,
|
|
234
234
|
height: 400,
|
|
235
|
-
keys
|
|
235
|
+
keys,
|
|
236
236
|
rds: rds1c,
|
|
237
237
|
xTitle: "Countries",
|
|
238
238
|
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 {
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
el: "#app",
|
|
136
136
|
|
|
137
137
|
data: function() {
|
|
138
|
-
let
|
|
138
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
139
139
|
let rds1a = [
|
|
140
140
|
{
|
|
141
141
|
name: "Corn",
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
opt1a: {
|
|
217
217
|
width: 400,
|
|
218
218
|
height: 400,
|
|
219
|
-
keys
|
|
219
|
+
keys,
|
|
220
220
|
rds: rds1a,
|
|
221
221
|
xTitle: "Countries",
|
|
222
222
|
yTitle: "Weight (MT)"
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
opt1b: {
|
|
225
225
|
width: 400,
|
|
226
226
|
height: 400,
|
|
227
|
-
keys
|
|
227
|
+
keys,
|
|
228
228
|
rds: rds1b,
|
|
229
229
|
xTitle: "Countries",
|
|
230
230
|
yTitle: "Weight (MT)"
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
opt1c: {
|
|
233
233
|
width: 400,
|
|
234
234
|
height: 400,
|
|
235
|
-
keys
|
|
235
|
+
keys,
|
|
236
236
|
rds: rds1c,
|
|
237
237
|
xTitle: "Countries",
|
|
238
238
|
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 {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
opt1a: {
|
|
218
218
|
width: 400,
|
|
219
219
|
height: 400,
|
|
220
|
-
keys
|
|
220
|
+
keys,
|
|
221
221
|
rds: rds1a,
|
|
222
222
|
xTitle: "Countries",
|
|
223
223
|
yTitle: "Weight (MT)"
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
opt1b: {
|
|
226
226
|
width: 400,
|
|
227
227
|
height: 400,
|
|
228
|
-
keys
|
|
228
|
+
keys,
|
|
229
229
|
rds: rds1b,
|
|
230
230
|
xTitle: "Countries",
|
|
231
231
|
yTitle: "Weight (MT)"
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
opt1c: {
|
|
234
234
|
width: 400,
|
|
235
235
|
height: 400,
|
|
236
|
-
keys
|
|
236
|
+
keys,
|
|
237
237
|
rds: rds1c,
|
|
238
238
|
xTitle: "Countries",
|
|
239
239
|
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 {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
el: "#app",
|
|
137
137
|
|
|
138
138
|
data: function() {
|
|
139
|
-
let
|
|
139
|
+
let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
|
|
140
140
|
let rds1a = [
|
|
141
141
|
{
|
|
142
142
|
name: "Corn",
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
opt1a: {
|
|
218
218
|
width: 400,
|
|
219
219
|
height: 400,
|
|
220
|
-
keys
|
|
220
|
+
keys,
|
|
221
221
|
rds: rds1a,
|
|
222
222
|
xTitle: "Countries",
|
|
223
223
|
yTitle: "Weight (MT)"
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
opt1b: {
|
|
226
226
|
width: 400,
|
|
227
227
|
height: 400,
|
|
228
|
-
keys
|
|
228
|
+
keys,
|
|
229
229
|
rds: rds1b,
|
|
230
230
|
xTitle: "Countries",
|
|
231
231
|
yTitle: "Weight (MT)"
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
opt1c: {
|
|
234
234
|
width: 400,
|
|
235
235
|
height: 400,
|
|
236
|
-
keys
|
|
236
|
+
keys,
|
|
237
237
|
rds: rds1c,
|
|
238
238
|
xTitle: "Countries",
|
|
239
239
|
yTitle: "Weight (MT)"
|