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 {
@@ -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 {
@@ -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 {
@@ -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 {
@@ -139,7 +139,7 @@
139
139
  el: "#app",
140
140
 
141
141
  data: function() {
142
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
142
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
143
143
  let rds1a = [
144
144
  {
145
145
  name: "Corn",
@@ -416,7 +416,7 @@
416
416
  opt1a: {
417
417
  width: 400,
418
418
  height: 400,
419
- keys: keys1,
419
+ keys,
420
420
  rds: rds1a,
421
421
  xTitle: "Countries",
422
422
  yTitle: "Weight (MT)"
@@ -424,7 +424,7 @@
424
424
  opt1b: {
425
425
  width: 400,
426
426
  height: 400,
427
- keys: keys1,
427
+ keys,
428
428
  rds: rds1b,
429
429
  xTitle: "Countries",
430
430
  yTitle: "Weight (MT)"
@@ -432,7 +432,7 @@
432
432
  opt1c: {
433
433
  width: 400,
434
434
  height: 400,
435
- keys: keys1,
435
+ keys,
436
436
  rds: rds1c,
437
437
  xTitle: "Countries",
438
438
  yTitle: "Weight (MT)"
@@ -440,7 +440,7 @@
440
440
  opt2a: {
441
441
  width: 400,
442
442
  height: 400,
443
- keys: keys1,
443
+ keys,
444
444
  rds: rds2a,
445
445
  xTitle: "Countries",
446
446
  yTitle: "Weight (MT)"
@@ -448,7 +448,7 @@
448
448
  opt2b: {
449
449
  width: 400,
450
450
  height: 400,
451
- keys: keys1,
451
+ keys,
452
452
  rds: rds2b,
453
453
  xTitle: "Countries",
454
454
  yTitle: "Weight (MT)"
@@ -456,7 +456,7 @@
456
456
  opt2c: {
457
457
  width: 400,
458
458
  height: 400,
459
- keys: keys1,
459
+ keys,
460
460
  rds: rds2c,
461
461
  xTitle: "Countries",
462
462
  yTitle: "Weight (MT)"
@@ -464,7 +464,7 @@
464
464
  opt2d: {
465
465
  width: 400,
466
466
  height: 400,
467
- keys: keys1,
467
+ keys,
468
468
  rds: rds2d,
469
469
  xTitle: "Countries",
470
470
  yTitle: "Weight (MT)"
@@ -472,7 +472,7 @@
472
472
  opt2e: {
473
473
  width: 400,
474
474
  height: 400,
475
- keys: keys1,
475
+ keys,
476
476
  rds: rds2e,
477
477
  xTitle: "Countries",
478
478
  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 {
@@ -139,7 +139,7 @@
139
139
  el: "#app",
140
140
 
141
141
  data: function() {
142
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
142
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
143
143
  let rds1a = [
144
144
  {
145
145
  name: "Corn",
@@ -416,7 +416,7 @@
416
416
  opt1a: {
417
417
  width: 400,
418
418
  height: 400,
419
- keys: keys1,
419
+ keys,
420
420
  rds: rds1a,
421
421
  xTitle: "Countries",
422
422
  yTitle: "Weight (MT)"
@@ -424,7 +424,7 @@
424
424
  opt1b: {
425
425
  width: 400,
426
426
  height: 400,
427
- keys: keys1,
427
+ keys,
428
428
  rds: rds1b,
429
429
  xTitle: "Countries",
430
430
  yTitle: "Weight (MT)"
@@ -432,7 +432,7 @@
432
432
  opt1c: {
433
433
  width: 400,
434
434
  height: 400,
435
- keys: keys1,
435
+ keys,
436
436
  rds: rds1c,
437
437
  xTitle: "Countries",
438
438
  yTitle: "Weight (MT)"
@@ -440,7 +440,7 @@
440
440
  opt2a: {
441
441
  width: 400,
442
442
  height: 400,
443
- keys: keys1,
443
+ keys,
444
444
  rds: rds2a,
445
445
  xTitle: "Countries",
446
446
  yTitle: "Weight (MT)"
@@ -448,7 +448,7 @@
448
448
  opt2b: {
449
449
  width: 400,
450
450
  height: 400,
451
- keys: keys1,
451
+ keys,
452
452
  rds: rds2b,
453
453
  xTitle: "Countries",
454
454
  yTitle: "Weight (MT)"
@@ -456,7 +456,7 @@
456
456
  opt2c: {
457
457
  width: 400,
458
458
  height: 400,
459
- keys: keys1,
459
+ keys,
460
460
  rds: rds2c,
461
461
  xTitle: "Countries",
462
462
  yTitle: "Weight (MT)"
@@ -464,7 +464,7 @@
464
464
  opt2d: {
465
465
  width: 400,
466
466
  height: 400,
467
- keys: keys1,
467
+ keys,
468
468
  rds: rds2d,
469
469
  xTitle: "Countries",
470
470
  yTitle: "Weight (MT)"
@@ -472,7 +472,7 @@
472
472
  opt2e: {
473
473
  width: 400,
474
474
  height: 400,
475
- keys: keys1,
475
+ keys,
476
476
  rds: rds2e,
477
477
  xTitle: "Countries",
478
478
  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 {
@@ -148,7 +148,7 @@
148
148
  el: "#app",
149
149
 
150
150
  data: function() {
151
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
151
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
152
152
  let rds1a = [
153
153
  {
154
154
  name: "Corn",
@@ -425,7 +425,7 @@
425
425
  opt1a: {
426
426
  width: 400,
427
427
  height: 400,
428
- keys: keys1,
428
+ keys,
429
429
  rds: rds1a,
430
430
  xTitle: "Countries",
431
431
  yTitle: "Weight (MT)"
@@ -433,7 +433,7 @@
433
433
  opt1b: {
434
434
  width: 400,
435
435
  height: 400,
436
- keys: keys1,
436
+ keys,
437
437
  rds: rds1b,
438
438
  xTitle: "Countries",
439
439
  yTitle: "Weight (MT)"
@@ -441,7 +441,7 @@
441
441
  opt1c: {
442
442
  width: 400,
443
443
  height: 400,
444
- keys: keys1,
444
+ keys,
445
445
  rds: rds1c,
446
446
  xTitle: "Countries",
447
447
  yTitle: "Weight (MT)"
@@ -449,7 +449,7 @@
449
449
  opt2a: {
450
450
  width: 400,
451
451
  height: 400,
452
- keys: keys1,
452
+ keys,
453
453
  rds: rds2a,
454
454
  xTitle: "Countries",
455
455
  yTitle: "Weight (MT)"
@@ -457,7 +457,7 @@
457
457
  opt2b: {
458
458
  width: 400,
459
459
  height: 400,
460
- keys: keys1,
460
+ keys,
461
461
  rds: rds2b,
462
462
  xTitle: "Countries",
463
463
  yTitle: "Weight (MT)"
@@ -465,7 +465,7 @@
465
465
  opt2c: {
466
466
  width: 400,
467
467
  height: 400,
468
- keys: keys1,
468
+ keys,
469
469
  rds: rds2c,
470
470
  xTitle: "Countries",
471
471
  yTitle: "Weight (MT)"
@@ -473,7 +473,7 @@
473
473
  opt2d: {
474
474
  width: 400,
475
475
  height: 400,
476
- keys: keys1,
476
+ keys,
477
477
  rds: rds2d,
478
478
  xTitle: "Countries",
479
479
  yTitle: "Weight (MT)"
@@ -481,7 +481,7 @@
481
481
  opt2e: {
482
482
  width: 400,
483
483
  height: 400,
484
- keys: keys1,
484
+ keys,
485
485
  rds: rds2e,
486
486
  xTitle: "Countries",
487
487
  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 {
@@ -146,7 +146,7 @@
146
146
  el: "#app",
147
147
 
148
148
  data: function() {
149
- let keys1 = ["USA", "China", "Brazil", "EU", "India", "Russia"];
149
+ let keys = ["USA", "China", "Brazil", "EU", "India", "Russia"];
150
150
  let rds1a = [
151
151
  {
152
152
  name: "Corn",
@@ -423,7 +423,7 @@
423
423
  opt1a: {
424
424
  width: 400,
425
425
  height: 400,
426
- keys: keys1,
426
+ keys,
427
427
  rds: rds1a,
428
428
  xTitle: "Countries",
429
429
  yTitle: "Weight (MT)"
@@ -431,7 +431,7 @@
431
431
  opt1b: {
432
432
  width: 400,
433
433
  height: 400,
434
- keys: keys1,
434
+ keys,
435
435
  rds: rds1b,
436
436
  xTitle: "Countries",
437
437
  yTitle: "Weight (MT)"
@@ -439,7 +439,7 @@
439
439
  opt1c: {
440
440
  width: 400,
441
441
  height: 400,
442
- keys: keys1,
442
+ keys,
443
443
  rds: rds1c,
444
444
  xTitle: "Countries",
445
445
  yTitle: "Weight (MT)"
@@ -447,7 +447,7 @@
447
447
  opt2a: {
448
448
  width: 400,
449
449
  height: 400,
450
- keys: keys1,
450
+ keys,
451
451
  rds: rds2a,
452
452
  xTitle: "Countries",
453
453
  yTitle: "Weight (MT)"
@@ -455,7 +455,7 @@
455
455
  opt2b: {
456
456
  width: 400,
457
457
  height: 400,
458
- keys: keys1,
458
+ keys,
459
459
  rds: rds2b,
460
460
  xTitle: "Countries",
461
461
  yTitle: "Weight (MT)"
@@ -463,7 +463,7 @@
463
463
  opt2c: {
464
464
  width: 400,
465
465
  height: 400,
466
- keys: keys1,
466
+ keys,
467
467
  rds: rds2c,
468
468
  xTitle: "Countries",
469
469
  yTitle: "Weight (MT)"
@@ -471,7 +471,7 @@
471
471
  opt2d: {
472
472
  width: 400,
473
473
  height: 400,
474
- keys: keys1,
474
+ keys,
475
475
  rds: rds2d,
476
476
  xTitle: "Countries",
477
477
  yTitle: "Weight (MT)"
@@ -479,7 +479,7 @@
479
479
  opt2e: {
480
480
  width: 400,
481
481
  height: 400,
482
- keys: keys1,
482
+ keys,
483
483
  rds: rds2e,
484
484
  xTitle: "Countries",
485
485
  yTitle: "Weight (MT)"