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