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