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 {
@@ -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",
@@ -222,7 +222,7 @@
222
222
  opt1a: {
223
223
  width: 400,
224
224
  height: 400,
225
- keys: keys1,
225
+ keys,
226
226
  rds: rds1a,
227
227
  xTitle: "Countries",
228
228
  yTitle: "Weight (MT)"
@@ -230,7 +230,7 @@
230
230
  opt1b: {
231
231
  width: 400,
232
232
  height: 400,
233
- keys: keys1,
233
+ keys,
234
234
  rds: rds1b,
235
235
  xTitle: "Countries",
236
236
  yTitle: "Weight (MT)"
@@ -238,7 +238,7 @@
238
238
  opt1c: {
239
239
  width: 400,
240
240
  height: 400,
241
- keys: keys1,
241
+ keys,
242
242
  rds: rds1c,
243
243
  xTitle: "Countries",
244
244
  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",
@@ -217,7 +217,7 @@
217
217
  opt1a: {
218
218
  width: 400,
219
219
  height: 400,
220
- keys: keys1,
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: keys1,
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: keys1,
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.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",
@@ -218,7 +218,7 @@
218
218
  opt1a: {
219
219
  width: 400,
220
220
  height: 400,
221
- keys: keys1,
221
+ keys,
222
222
  rds: rds1a,
223
223
  xTitle: "Countries",
224
224
  yTitle: "Weight (MT)"
@@ -226,7 +226,7 @@
226
226
  opt1b: {
227
227
  width: 400,
228
228
  height: 400,
229
- keys: keys1,
229
+ keys,
230
230
  rds: rds1b,
231
231
  xTitle: "Countries",
232
232
  yTitle: "Weight (MT)"
@@ -234,7 +234,7 @@
234
234
  opt1c: {
235
235
  width: 400,
236
236
  height: 400,
237
- keys: keys1,
237
+ keys,
238
238
  rds: rds1c,
239
239
  xTitle: "Countries",
240
240
  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",
@@ -224,7 +224,7 @@
224
224
  opt1a: {
225
225
  width: 400,
226
226
  height: 400,
227
- keys: keys1,
227
+ keys,
228
228
  rds: rds1a,
229
229
  xTitle: "Countries",
230
230
  yTitle: "Weight (MT)"
@@ -232,7 +232,7 @@
232
232
  opt1b: {
233
233
  width: 400,
234
234
  height: 400,
235
- keys: keys1,
235
+ keys,
236
236
  rds: rds1b,
237
237
  xTitle: "Countries",
238
238
  yTitle: "Weight (MT)"
@@ -240,7 +240,7 @@
240
240
  opt1c: {
241
241
  width: 400,
242
242
  height: 400,
243
- keys: keys1,
243
+ keys,
244
244
  rds: rds1c,
245
245
  xTitle: "Countries",
246
246
  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",
@@ -224,7 +224,7 @@
224
224
  opt1a: {
225
225
  width: 400,
226
226
  height: 400,
227
- keys: keys1,
227
+ keys,
228
228
  rds: rds1a,
229
229
  xTitle: "Countries",
230
230
  yTitle: "Weight (MT)"
@@ -232,7 +232,7 @@
232
232
  opt1b: {
233
233
  width: 400,
234
234
  height: 400,
235
- keys: keys1,
235
+ keys,
236
236
  rds: rds1b,
237
237
  xTitle: "Countries",
238
238
  yTitle: "Weight (MT)"
@@ -240,7 +240,7 @@
240
240
  opt1c: {
241
241
  width: 400,
242
242
  height: 400,
243
- keys: keys1,
243
+ keys,
244
244
  rds: rds1c,
245
245
  xTitle: "Countries",
246
246
  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",
@@ -217,7 +217,7 @@
217
217
  opt1a: {
218
218
  width: 400,
219
219
  height: 400,
220
- keys: keys1,
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: keys1,
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: keys1,
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.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 {
@@ -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 {
@@ -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)"