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