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_one-set_hide labels.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 {
@@ -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)"
package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.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_one-set_show 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 {
@@ -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)"
package/docs/examples/w-bar_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 {
@@ -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)"
package/docs/examples/w-bar_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 {
@@ -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)"
package/docs/examples/w-bar_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 {
@@ -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)"
package/docs/examples/w-bar_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 {
@@ -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)"
package/docs/examples/w-bar_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 {
@@ -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)"