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.
Files changed (140) hide show
  1. package/README.md +4 -4
  2. package/dist/w-plot-vue.umd.js +7 -0
  3. package/dist/w-plot-vue.umd.js.map +1 -0
  4. package/docs/examples/app.html +1 -1
  5. package/docs/examples/app.umd.js +2 -2
  6. package/docs/examples/app.umd.js.map +1 -1
  7. package/docs/examples/w-bar_horizontal_multi-set(color).html +10 -10
  8. package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +10 -10
  9. package/docs/examples/w-bar_horizontal_multi-set(series color).html +10 -10
  10. package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +10 -10
  11. package/docs/examples/w-bar_horizontal_multi-set.html +10 -10
  12. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +10 -10
  13. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +10 -10
  14. package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +10 -10
  15. package/docs/examples/w-bar_horizontal_multi-set__show labels.html +10 -10
  16. package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +10 -10
  17. package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +10 -10
  18. package/docs/examples/w-bar_horizontal_multi-set_barUseInnerLabelsForHorizontal_barGroupWidthRatio.html +496 -0
  19. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +10 -10
  20. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +10 -10
  21. package/docs/examples/w-bar_horizontal_one-set(color).html +10 -10
  22. package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +10 -10
  23. package/docs/examples/w-bar_horizontal_one-set.html +10 -10
  24. package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +10 -10
  25. package/docs/examples/w-bar_horizontal_one-set_barColor.html +10 -10
  26. package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +10 -10
  27. package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +10 -10
  28. package/docs/examples/w-bar_horizontal_one-set_barUseInnerLabelsForHorizontal.html +493 -0
  29. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +10 -10
  30. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +10 -10
  31. package/docs/examples/w-bar_horizontal_one-set_hide labels.html +10 -10
  32. package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +10 -10
  33. package/docs/examples/w-bar_horizontal_one-set_show legned.html +10 -10
  34. package/docs/examples/w-bar_multi-set(color).html +10 -10
  35. package/docs/examples/w-bar_multi-set(color, gradient).html +10 -10
  36. package/docs/examples/w-bar_multi-set(series color).html +10 -10
  37. package/docs/examples/w-bar_multi-set(series color, gradient).html +10 -10
  38. package/docs/examples/w-bar_multi-set.html +10 -10
  39. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +10 -10
  40. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +10 -10
  41. package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +10 -10
  42. package/docs/examples/w-bar_multi-set__hide legned.html +10 -10
  43. package/docs/examples/w-bar_multi-set__show labels.html +10 -10
  44. package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +10 -10
  45. package/docs/examples/w-bar_multi-set_barKpColor.html +10 -10
  46. package/docs/examples/w-bar_multi-set_barWidthRatio.html +10 -10
  47. package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +10 -10
  48. package/docs/examples/w-bar_one-set(color).html +10 -10
  49. package/docs/examples/w-bar_one-set(color, gradient).html +10 -10
  50. package/docs/examples/w-bar_one-set.html +10 -10
  51. package/docs/examples/w-bar_one-set_barColor(gradient).html +10 -10
  52. package/docs/examples/w-bar_one-set_barColor.html +10 -10
  53. package/docs/examples/w-bar_one-set_barKpColor(gradient).html +10 -10
  54. package/docs/examples/w-bar_one-set_barKpColor.html +10 -10
  55. package/docs/examples/w-bar_one-set_barWidthRatio.html +10 -10
  56. package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +10 -10
  57. package/docs/examples/w-bar_one-set_hide labels.html +10 -10
  58. package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +10 -10
  59. package/docs/examples/w-bar_one-set_show legned.html +10 -10
  60. package/docs/examples/w-pie_one-set(color).html +5 -5
  61. package/docs/examples/w-pie_one-set(color, gradient).html +5 -5
  62. package/docs/examples/w-pie_one-set.html +5 -5
  63. package/docs/examples/w-pie_one-set_hide labels.html +5 -5
  64. package/docs/examples/w-pie_one-set_hide legned.html +5 -5
  65. package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +5 -5
  66. package/docs/examples/w-pie_one-set_pieBorderRadius.html +5 -5
  67. package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +5 -5
  68. package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +5 -5
  69. package/docs/examples/w-pie_one-set_pieKpColor.html +5 -5
  70. package/docs/examples/w-pie_one-set_pieThicknessRatio.html +5 -5
  71. package/docs/examples/w-plot_default.html +1 -1
  72. package/docs/examples/w-rose_multi-set(color).html +10 -10
  73. package/docs/examples/w-rose_multi-set(color, gradient).html +10 -10
  74. package/docs/examples/w-rose_multi-set(series color).html +10 -10
  75. package/docs/examples/w-rose_multi-set(series color, gradient).html +10 -10
  76. package/docs/examples/w-rose_multi-set.html +10 -10
  77. package/docs/examples/w-rose_multi-set__hide legned.html +10 -10
  78. package/docs/examples/w-rose_multi-set__show labels.html +10 -10
  79. package/docs/examples/w-rose_multi-set_roseBorderWidth.html +10 -10
  80. package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +10 -10
  81. package/docs/examples/w-rose_multi-set_roseKpColor.html +10 -10
  82. package/docs/examples/w-rose_multi-set_roseWidthRatio.html +10 -10
  83. package/docs/examples/w-rose_one-set(color).html +10 -10
  84. package/docs/examples/w-rose_one-set(color, gradient).html +10 -10
  85. package/docs/examples/w-rose_one-set.html +10 -10
  86. package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +10 -10
  87. package/docs/examples/w-rose_one-set_roseBorderWidth.html +10 -10
  88. package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +10 -10
  89. package/docs/examples/w-rose_one-set_roseKpColor.html +10 -10
  90. package/docs/examples/w-rose_one-set_roseShowLabels.html +10 -10
  91. package/docs/examples/w-rose_one-set_roseWidthRatio.html +10 -10
  92. package/docs/examples/w-rose_one-set_showLegend.html +10 -10
  93. package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +10 -10
  94. package/docs/examples/w-set-multi_default.html +221 -0
  95. package/docs/examples/w-set-multi_hide labels.html +222 -0
  96. package/docs/examples/w-set-multi_hide legned.html +222 -0
  97. package/docs/examples/w-set-multi_keySelect.html +226 -0
  98. package/docs/examples/w-set-multi_slot head.html +225 -0
  99. package/docs/examples/w-set-multi_textPlotType_kpSelectText_widthSelect.html +233 -0
  100. package/docs/examples/w-set-one_default.html +192 -0
  101. package/docs/examples/w-set-one_hide labels.html +193 -0
  102. package/docs/examples/w-set-one_keySelect.html +197 -0
  103. package/docs/examples/w-set-one_show legned.html +193 -0
  104. package/docs/examples/w-set-one_slot head.html +196 -0
  105. package/docs/examples/w-set-one_textPlotType_kpSelectText_widthSelect.html +201 -0
  106. package/docs/getDefAxis.mjs.html +5 -5
  107. package/docs/getDefChart.mjs.html +3 -3
  108. package/docs/getDefLegend.mjs.html +2 -2
  109. package/docs/getDefOpt.mjs.html +2 -2
  110. package/docs/global.html +2 -2
  111. package/docs/index.html +2 -2
  112. package/docs/module-WBar.html +2 -2
  113. package/docs/module-WPie.html +2 -2
  114. package/docs/module-WPlot.html +2 -2
  115. package/docs/module-WRose.html +2 -2
  116. package/docs/module-WSetMulti.html +216 -0
  117. package/docs/module-WSetOne.html +216 -0
  118. package/docs/setLegendLoc.mjs.html +2 -2
  119. package/package.json +1 -1
  120. package/src/App.vue +224 -20
  121. package/src/AppZoneWBar.vue +50 -9
  122. package/src/AppZoneWPie.vue +4 -4
  123. package/src/AppZoneWRose.vue +9 -9
  124. package/src/AppZoneWSetMulti.vue +225 -0
  125. package/src/AppZoneWSetOne.vue +193 -0
  126. package/src/components/WBar.vue +128 -18
  127. package/src/components/WPie.vue +21 -18
  128. package/src/components/{WGeoVue.vue → WPlotVue.vue} +8 -4
  129. package/src/components/WRose.vue +21 -18
  130. package/src/components/WSetMulti.vue +423 -0
  131. package/src/components/WSetOne.vue +57 -0
  132. package/src/js/genBarOpt.mjs +54 -7
  133. package/src/js/genPieOpt.mjs +1 -1
  134. package/src/js/genRoseOpt.mjs +1 -1
  135. package/src/js/getDefAxis.mjs +3 -3
  136. package/src/js/getDefChart.mjs +1 -1
  137. package/toolg/gDistRollupComps.mjs +1 -1
  138. package/toolg/gMergeComps.mjs +4 -4
  139. package/dist/w-geo-vue.umd.js +0 -7
  140. 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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -137,7 +137,7 @@
137
137
  el: "#app",
138
138
 
139
139
  data: function() {
140
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
140
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
141
141
  let rds1a = [
142
142
  {
143
143
  name: "Corn",
@@ -414,7 +414,7 @@
414
414
  opt1a: {
415
415
  width: 400,
416
416
  height: 400,
417
- keys: keys1,
417
+ keys,
418
418
  rds: rds1a,
419
419
  xTitle: "Countries",
420
420
  yTitle: "Weight (MT)"
@@ -422,7 +422,7 @@
422
422
  opt1b: {
423
423
  width: 400,
424
424
  height: 400,
425
- keys: keys1,
425
+ keys,
426
426
  rds: rds1b,
427
427
  xTitle: "Countries",
428
428
  yTitle: "Weight (MT)"
@@ -430,7 +430,7 @@
430
430
  opt1c: {
431
431
  width: 400,
432
432
  height: 400,
433
- keys: keys1,
433
+ keys,
434
434
  rds: rds1c,
435
435
  xTitle: "Countries",
436
436
  yTitle: "Weight (MT)"
@@ -438,7 +438,7 @@
438
438
  opt2a: {
439
439
  width: 400,
440
440
  height: 400,
441
- keys: keys1,
441
+ keys,
442
442
  rds: rds2a,
443
443
  xTitle: "Countries",
444
444
  yTitle: "Weight (MT)"
@@ -446,7 +446,7 @@
446
446
  opt2b: {
447
447
  width: 400,
448
448
  height: 400,
449
- keys: keys1,
449
+ keys,
450
450
  rds: rds2b,
451
451
  xTitle: "Countries",
452
452
  yTitle: "Weight (MT)"
@@ -454,7 +454,7 @@
454
454
  opt2c: {
455
455
  width: 400,
456
456
  height: 400,
457
- keys: keys1,
457
+ keys,
458
458
  rds: rds2c,
459
459
  xTitle: "Countries",
460
460
  yTitle: "Weight (MT)"
@@ -462,7 +462,7 @@
462
462
  opt2d: {
463
463
  width: 400,
464
464
  height: 400,
465
- keys: keys1,
465
+ keys,
466
466
  rds: rds2d,
467
467
  xTitle: "Countries",
468
468
  yTitle: "Weight (MT)"
@@ -470,7 +470,7 @@
470
470
  opt2e: {
471
471
  width: 400,
472
472
  height: 400,
473
- keys: keys1,
473
+ keys,
474
474
  rds: rds2e,
475
475
  xTitle: "Countries",
476
476
  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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -137,7 +137,7 @@
137
137
  el: "#app",
138
138
 
139
139
  data: function() {
140
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
140
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
141
141
  let rds1a = [
142
142
  {
143
143
  name: "Corn",
@@ -414,7 +414,7 @@
414
414
  opt1a: {
415
415
  width: 400,
416
416
  height: 400,
417
- keys: keys1,
417
+ keys,
418
418
  rds: rds1a,
419
419
  xTitle: "Countries",
420
420
  yTitle: "Weight (MT)"
@@ -422,7 +422,7 @@
422
422
  opt1b: {
423
423
  width: 400,
424
424
  height: 400,
425
- keys: keys1,
425
+ keys,
426
426
  rds: rds1b,
427
427
  xTitle: "Countries",
428
428
  yTitle: "Weight (MT)"
@@ -430,7 +430,7 @@
430
430
  opt1c: {
431
431
  width: 400,
432
432
  height: 400,
433
- keys: keys1,
433
+ keys,
434
434
  rds: rds1c,
435
435
  xTitle: "Countries",
436
436
  yTitle: "Weight (MT)"
@@ -438,7 +438,7 @@
438
438
  opt2a: {
439
439
  width: 400,
440
440
  height: 400,
441
- keys: keys1,
441
+ keys,
442
442
  rds: rds2a,
443
443
  xTitle: "Countries",
444
444
  yTitle: "Weight (MT)"
@@ -446,7 +446,7 @@
446
446
  opt2b: {
447
447
  width: 400,
448
448
  height: 400,
449
- keys: keys1,
449
+ keys,
450
450
  rds: rds2b,
451
451
  xTitle: "Countries",
452
452
  yTitle: "Weight (MT)"
@@ -454,7 +454,7 @@
454
454
  opt2c: {
455
455
  width: 400,
456
456
  height: 400,
457
- keys: keys1,
457
+ keys,
458
458
  rds: rds2c,
459
459
  xTitle: "Countries",
460
460
  yTitle: "Weight (MT)"
@@ -462,7 +462,7 @@
462
462
  opt2d: {
463
463
  width: 400,
464
464
  height: 400,
465
- keys: keys1,
465
+ keys,
466
466
  rds: rds2d,
467
467
  xTitle: "Countries",
468
468
  yTitle: "Weight (MT)"
@@ -470,7 +470,7 @@
470
470
  opt2e: {
471
471
  width: 400,
472
472
  height: 400,
473
- keys: keys1,
473
+ keys,
474
474
  rds: rds2e,
475
475
  xTitle: "Countries",
476
476
  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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -137,7 +137,7 @@
137
137
  el: "#app",
138
138
 
139
139
  data: function() {
140
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
140
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
141
141
  let rds1a = [
142
142
  {
143
143
  name: "Corn",
@@ -414,7 +414,7 @@
414
414
  opt1a: {
415
415
  width: 400,
416
416
  height: 400,
417
- keys: keys1,
417
+ keys,
418
418
  rds: rds1a,
419
419
  xTitle: "Countries",
420
420
  yTitle: "Weight (MT)"
@@ -422,7 +422,7 @@
422
422
  opt1b: {
423
423
  width: 400,
424
424
  height: 400,
425
- keys: keys1,
425
+ keys,
426
426
  rds: rds1b,
427
427
  xTitle: "Countries",
428
428
  yTitle: "Weight (MT)"
@@ -430,7 +430,7 @@
430
430
  opt1c: {
431
431
  width: 400,
432
432
  height: 400,
433
- keys: keys1,
433
+ keys,
434
434
  rds: rds1c,
435
435
  xTitle: "Countries",
436
436
  yTitle: "Weight (MT)"
@@ -438,7 +438,7 @@
438
438
  opt2a: {
439
439
  width: 400,
440
440
  height: 400,
441
- keys: keys1,
441
+ keys,
442
442
  rds: rds2a,
443
443
  xTitle: "Countries",
444
444
  yTitle: "Weight (MT)"
@@ -446,7 +446,7 @@
446
446
  opt2b: {
447
447
  width: 400,
448
448
  height: 400,
449
- keys: keys1,
449
+ keys,
450
450
  rds: rds2b,
451
451
  xTitle: "Countries",
452
452
  yTitle: "Weight (MT)"
@@ -454,7 +454,7 @@
454
454
  opt2c: {
455
455
  width: 400,
456
456
  height: 400,
457
- keys: keys1,
457
+ keys,
458
458
  rds: rds2c,
459
459
  xTitle: "Countries",
460
460
  yTitle: "Weight (MT)"
@@ -462,7 +462,7 @@
462
462
  opt2d: {
463
463
  width: 400,
464
464
  height: 400,
465
- keys: keys1,
465
+ keys,
466
466
  rds: rds2d,
467
467
  xTitle: "Countries",
468
468
  yTitle: "Weight (MT)"
@@ -470,7 +470,7 @@
470
470
  opt2e: {
471
471
  width: 400,
472
472
  height: 400,
473
- keys: keys1,
473
+ keys,
474
474
  rds: rds2e,
475
475
  xTitle: "Countries",
476
476
  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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -138,7 +138,7 @@
138
138
  el: "#app",
139
139
 
140
140
  data: function() {
141
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
141
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
142
142
  let rds1a = [
143
143
  {
144
144
  name: "Corn",
@@ -415,7 +415,7 @@
415
415
  opt1a: {
416
416
  width: 400,
417
417
  height: 400,
418
- keys: keys1,
418
+ keys,
419
419
  rds: rds1a,
420
420
  xTitle: "Countries",
421
421
  yTitle: "Weight (MT)"
@@ -423,7 +423,7 @@
423
423
  opt1b: {
424
424
  width: 400,
425
425
  height: 400,
426
- keys: keys1,
426
+ keys,
427
427
  rds: rds1b,
428
428
  xTitle: "Countries",
429
429
  yTitle: "Weight (MT)"
@@ -431,7 +431,7 @@
431
431
  opt1c: {
432
432
  width: 400,
433
433
  height: 400,
434
- keys: keys1,
434
+ keys,
435
435
  rds: rds1c,
436
436
  xTitle: "Countries",
437
437
  yTitle: "Weight (MT)"
@@ -439,7 +439,7 @@
439
439
  opt2a: {
440
440
  width: 400,
441
441
  height: 400,
442
- keys: keys1,
442
+ keys,
443
443
  rds: rds2a,
444
444
  xTitle: "Countries",
445
445
  yTitle: "Weight (MT)"
@@ -447,7 +447,7 @@
447
447
  opt2b: {
448
448
  width: 400,
449
449
  height: 400,
450
- keys: keys1,
450
+ keys,
451
451
  rds: rds2b,
452
452
  xTitle: "Countries",
453
453
  yTitle: "Weight (MT)"
@@ -455,7 +455,7 @@
455
455
  opt2c: {
456
456
  width: 400,
457
457
  height: 400,
458
- keys: keys1,
458
+ keys,
459
459
  rds: rds2c,
460
460
  xTitle: "Countries",
461
461
  yTitle: "Weight (MT)"
@@ -463,7 +463,7 @@
463
463
  opt2d: {
464
464
  width: 400,
465
465
  height: 400,
466
- keys: keys1,
466
+ keys,
467
467
  rds: rds2d,
468
468
  xTitle: "Countries",
469
469
  yTitle: "Weight (MT)"
@@ -471,7 +471,7 @@
471
471
  opt2e: {
472
472
  width: 400,
473
473
  height: 400,
474
- keys: keys1,
474
+ keys,
475
475
  rds: rds2e,
476
476
  xTitle: "Countries",
477
477
  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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -151,7 +151,7 @@
151
151
  el: "#app",
152
152
 
153
153
  data: function() {
154
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
154
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
155
155
  let rds1a = [
156
156
  {
157
157
  name: "Corn",
@@ -428,7 +428,7 @@
428
428
  opt1a: {
429
429
  width: 400,
430
430
  height: 400,
431
- keys: keys1,
431
+ keys,
432
432
  rds: rds1a,
433
433
  xTitle: "Countries",
434
434
  yTitle: "Weight (MT)"
@@ -436,7 +436,7 @@
436
436
  opt1b: {
437
437
  width: 400,
438
438
  height: 400,
439
- keys: keys1,
439
+ keys,
440
440
  rds: rds1b,
441
441
  xTitle: "Countries",
442
442
  yTitle: "Weight (MT)"
@@ -444,7 +444,7 @@
444
444
  opt1c: {
445
445
  width: 400,
446
446
  height: 400,
447
- keys: keys1,
447
+ keys,
448
448
  rds: rds1c,
449
449
  xTitle: "Countries",
450
450
  yTitle: "Weight (MT)"
@@ -452,7 +452,7 @@
452
452
  opt2a: {
453
453
  width: 400,
454
454
  height: 400,
455
- keys: keys1,
455
+ keys,
456
456
  rds: rds2a,
457
457
  xTitle: "Countries",
458
458
  yTitle: "Weight (MT)"
@@ -460,7 +460,7 @@
460
460
  opt2b: {
461
461
  width: 400,
462
462
  height: 400,
463
- keys: keys1,
463
+ keys,
464
464
  rds: rds2b,
465
465
  xTitle: "Countries",
466
466
  yTitle: "Weight (MT)"
@@ -468,7 +468,7 @@
468
468
  opt2c: {
469
469
  width: 400,
470
470
  height: 400,
471
- keys: keys1,
471
+ keys,
472
472
  rds: rds2c,
473
473
  xTitle: "Countries",
474
474
  yTitle: "Weight (MT)"
@@ -476,7 +476,7 @@
476
476
  opt2d: {
477
477
  width: 400,
478
478
  height: 400,
479
- keys: keys1,
479
+ keys,
480
480
  rds: rds2d,
481
481
  xTitle: "Countries",
482
482
  yTitle: "Weight (MT)"
@@ -484,7 +484,7 @@
484
484
  opt2e: {
485
485
  width: 400,
486
486
  height: 400,
487
- keys: keys1,
487
+ keys,
488
488
  rds: rds2e,
489
489
  xTitle: "Countries",
490
490
  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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -151,7 +151,7 @@
151
151
  el: "#app",
152
152
 
153
153
  data: function() {
154
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
154
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
155
155
  let rds1a = [
156
156
  {
157
157
  name: "Corn",
@@ -428,7 +428,7 @@
428
428
  opt1a: {
429
429
  width: 400,
430
430
  height: 400,
431
- keys: keys1,
431
+ keys,
432
432
  rds: rds1a,
433
433
  xTitle: "Countries",
434
434
  yTitle: "Weight (MT)"
@@ -436,7 +436,7 @@
436
436
  opt1b: {
437
437
  width: 400,
438
438
  height: 400,
439
- keys: keys1,
439
+ keys,
440
440
  rds: rds1b,
441
441
  xTitle: "Countries",
442
442
  yTitle: "Weight (MT)"
@@ -444,7 +444,7 @@
444
444
  opt1c: {
445
445
  width: 400,
446
446
  height: 400,
447
- keys: keys1,
447
+ keys,
448
448
  rds: rds1c,
449
449
  xTitle: "Countries",
450
450
  yTitle: "Weight (MT)"
@@ -452,7 +452,7 @@
452
452
  opt2a: {
453
453
  width: 400,
454
454
  height: 400,
455
- keys: keys1,
455
+ keys,
456
456
  rds: rds2a,
457
457
  xTitle: "Countries",
458
458
  yTitle: "Weight (MT)"
@@ -460,7 +460,7 @@
460
460
  opt2b: {
461
461
  width: 400,
462
462
  height: 400,
463
- keys: keys1,
463
+ keys,
464
464
  rds: rds2b,
465
465
  xTitle: "Countries",
466
466
  yTitle: "Weight (MT)"
@@ -468,7 +468,7 @@
468
468
  opt2c: {
469
469
  width: 400,
470
470
  height: 400,
471
- keys: keys1,
471
+ keys,
472
472
  rds: rds2c,
473
473
  xTitle: "Countries",
474
474
  yTitle: "Weight (MT)"
@@ -476,7 +476,7 @@
476
476
  opt2d: {
477
477
  width: 400,
478
478
  height: 400,
479
- keys: keys1,
479
+ keys,
480
480
  rds: rds2d,
481
481
  xTitle: "Countries",
482
482
  yTitle: "Weight (MT)"
@@ -484,7 +484,7 @@
484
484
  opt2e: {
485
485
  width: 400,
486
486
  height: 400,
487
- keys: keys1,
487
+ keys,
488
488
  rds: rds2e,
489
489
  xTitle: "Countries",
490
490
  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.0/dist/w-plot-vue.umd.js"></script>
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 {
@@ -138,7 +138,7 @@
138
138
  el: "#app",
139
139
 
140
140
  data: function() {
141
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
141
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
142
142
  let rds1a = [
143
143
  {
144
144
  name: "Corn",
@@ -415,7 +415,7 @@
415
415
  opt1a: {
416
416
  width: 400,
417
417
  height: 400,
418
- keys: keys1,
418
+ keys,
419
419
  rds: rds1a,
420
420
  xTitle: "Countries",
421
421
  yTitle: "Weight (MT)"
@@ -423,7 +423,7 @@
423
423
  opt1b: {
424
424
  width: 400,
425
425
  height: 400,
426
- keys: keys1,
426
+ keys,
427
427
  rds: rds1b,
428
428
  xTitle: "Countries",
429
429
  yTitle: "Weight (MT)"
@@ -431,7 +431,7 @@
431
431
  opt1c: {
432
432
  width: 400,
433
433
  height: 400,
434
- keys: keys1,
434
+ keys,
435
435
  rds: rds1c,
436
436
  xTitle: "Countries",
437
437
  yTitle: "Weight (MT)"
@@ -439,7 +439,7 @@
439
439
  opt2a: {
440
440
  width: 400,
441
441
  height: 400,
442
- keys: keys1,
442
+ keys,
443
443
  rds: rds2a,
444
444
  xTitle: "Countries",
445
445
  yTitle: "Weight (MT)"
@@ -447,7 +447,7 @@
447
447
  opt2b: {
448
448
  width: 400,
449
449
  height: 400,
450
- keys: keys1,
450
+ keys,
451
451
  rds: rds2b,
452
452
  xTitle: "Countries",
453
453
  yTitle: "Weight (MT)"
@@ -455,7 +455,7 @@
455
455
  opt2c: {
456
456
  width: 400,
457
457
  height: 400,
458
- keys: keys1,
458
+ keys,
459
459
  rds: rds2c,
460
460
  xTitle: "Countries",
461
461
  yTitle: "Weight (MT)"
@@ -463,7 +463,7 @@
463
463
  opt2d: {
464
464
  width: 400,
465
465
  height: 400,
466
- keys: keys1,
466
+ keys,
467
467
  rds: rds2d,
468
468
  xTitle: "Countries",
469
469
  yTitle: "Weight (MT)"
@@ -471,7 +471,7 @@
471
471
  opt2e: {
472
472
  width: 400,
473
473
  height: 400,
474
- keys: keys1,
474
+ keys,
475
475
  rds: rds2e,
476
476
  xTitle: "Countries",
477
477
  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.0/dist/w-plot-vue.umd.js"></script>
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 keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
138
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
139
139
  let rds1a = [
140
140
  {
141
141
  name: "Corn",
@@ -412,7 +412,7 @@
412
412
  opt1a: {
413
413
  width: 400,
414
414
  height: 400,
415
- keys: keys1,
415
+ keys,
416
416
  rds: rds1a,
417
417
  xTitle: "Countries",
418
418
  yTitle: "Weight (MT)"
@@ -420,7 +420,7 @@
420
420
  opt1b: {
421
421
  width: 400,
422
422
  height: 400,
423
- keys: keys1,
423
+ keys,
424
424
  rds: rds1b,
425
425
  xTitle: "Countries",
426
426
  yTitle: "Weight (MT)"
@@ -428,7 +428,7 @@
428
428
  opt1c: {
429
429
  width: 400,
430
430
  height: 400,
431
- keys: keys1,
431
+ keys,
432
432
  rds: rds1c,
433
433
  xTitle: "Countries",
434
434
  yTitle: "Weight (MT)"
@@ -436,7 +436,7 @@
436
436
  opt2a: {
437
437
  width: 400,
438
438
  height: 400,
439
- keys: keys1,
439
+ keys,
440
440
  rds: rds2a,
441
441
  xTitle: "Countries",
442
442
  yTitle: "Weight (MT)"
@@ -444,7 +444,7 @@
444
444
  opt2b: {
445
445
  width: 400,
446
446
  height: 400,
447
- keys: keys1,
447
+ keys,
448
448
  rds: rds2b,
449
449
  xTitle: "Countries",
450
450
  yTitle: "Weight (MT)"
@@ -452,7 +452,7 @@
452
452
  opt2c: {
453
453
  width: 400,
454
454
  height: 400,
455
- keys: keys1,
455
+ keys,
456
456
  rds: rds2c,
457
457
  xTitle: "Countries",
458
458
  yTitle: "Weight (MT)"
@@ -460,7 +460,7 @@
460
460
  opt2d: {
461
461
  width: 400,
462
462
  height: 400,
463
- keys: keys1,
463
+ keys,
464
464
  rds: rds2d,
465
465
  xTitle: "Countries",
466
466
  yTitle: "Weight (MT)"
@@ -468,7 +468,7 @@
468
468
  opt2e: {
469
469
  width: 400,
470
470
  height: 400,
471
- keys: keys1,
471
+ keys,
472
472
  rds: rds2e,
473
473
  xTitle: "Countries",
474
474
  yTitle: "Weight (MT)"