w-plot-vue 1.0.4 → 1.0.6

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 (136) hide show
  1. package/README.md +12 -11
  2. package/dist/w-plot-vue.umd.js +13 -2
  3. package/dist/w-plot-vue.umd.js.map +1 -1
  4. package/docs/examples/app.html +1 -1
  5. package/docs/examples/app.umd.js +13 -2
  6. package/docs/examples/app.umd.js.map +1 -1
  7. package/docs/examples/w-bar_horizontal_multi-set(color).html +26 -16
  8. package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +26 -16
  9. package/docs/examples/w-bar_horizontal_multi-set(series color).html +26 -16
  10. package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +26 -16
  11. package/docs/examples/w-bar_horizontal_multi-set.html +26 -16
  12. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +26 -16
  13. package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +26 -16
  14. package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +26 -16
  15. package/docs/examples/w-bar_horizontal_multi-set__show labels.html +26 -16
  16. package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +26 -16
  17. package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +26 -16
  18. package/docs/examples/w-bar_horizontal_multi-set_barUseInnerLabelsForHorizontal_barGroupWidthRatio.html +26 -16
  19. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +26 -16
  20. package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +26 -16
  21. package/docs/examples/w-bar_horizontal_one-set(color).html +26 -16
  22. package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +26 -16
  23. package/docs/examples/w-bar_horizontal_one-set.html +26 -16
  24. package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +26 -16
  25. package/docs/examples/w-bar_horizontal_one-set_barColor.html +26 -16
  26. package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +26 -16
  27. package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +26 -16
  28. package/docs/examples/w-bar_horizontal_one-set_barUseInnerLabelsForHorizontal.html +26 -16
  29. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +26 -16
  30. package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +26 -16
  31. package/docs/examples/w-bar_horizontal_one-set_hide labels.html +26 -16
  32. package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +26 -16
  33. package/docs/examples/w-bar_horizontal_one-set_show legned.html +26 -16
  34. package/docs/examples/w-bar_multi-set(color).html +26 -16
  35. package/docs/examples/w-bar_multi-set(color, gradient).html +26 -16
  36. package/docs/examples/w-bar_multi-set(series color).html +26 -16
  37. package/docs/examples/w-bar_multi-set(series color, gradient).html +26 -16
  38. package/docs/examples/w-bar_multi-set.html +26 -16
  39. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +26 -16
  40. package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +26 -16
  41. package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +26 -16
  42. package/docs/examples/w-bar_multi-set__hide legned.html +26 -16
  43. package/docs/examples/w-bar_multi-set__show labels.html +26 -16
  44. package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +26 -16
  45. package/docs/examples/w-bar_multi-set_barKpColor.html +26 -16
  46. package/docs/examples/w-bar_multi-set_barWidthRatio.html +26 -16
  47. package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +26 -16
  48. package/docs/examples/w-bar_one-set(color).html +26 -16
  49. package/docs/examples/w-bar_one-set(color, gradient).html +26 -16
  50. package/docs/examples/w-bar_one-set.html +26 -16
  51. package/docs/examples/w-bar_one-set_barColor(gradient).html +26 -16
  52. package/docs/examples/w-bar_one-set_barColor.html +26 -16
  53. package/docs/examples/w-bar_one-set_barKpColor(gradient).html +26 -16
  54. package/docs/examples/w-bar_one-set_barKpColor.html +26 -16
  55. package/docs/examples/w-bar_one-set_barWidthRatio.html +26 -16
  56. package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +26 -16
  57. package/docs/examples/w-bar_one-set_hide labels.html +26 -16
  58. package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +26 -16
  59. package/docs/examples/w-bar_one-set_show legned.html +26 -16
  60. package/docs/examples/w-pie_one-set(color).html +26 -16
  61. package/docs/examples/w-pie_one-set(color, gradient).html +26 -16
  62. package/docs/examples/w-pie_one-set.html +26 -16
  63. package/docs/examples/w-pie_one-set_hide labels.html +26 -16
  64. package/docs/examples/w-pie_one-set_hide legned.html +26 -16
  65. package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +26 -16
  66. package/docs/examples/w-pie_one-set_pieBorderRadius.html +26 -16
  67. package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +26 -16
  68. package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +26 -16
  69. package/docs/examples/w-pie_one-set_pieKpColor.html +26 -16
  70. package/docs/examples/w-pie_one-set_pieThicknessRatio.html +26 -16
  71. package/docs/examples/{w-plot_default.html → w-plot-2d_default.html} +29 -19
  72. package/docs/examples/w-plot-3d_default.html +209 -0
  73. package/docs/examples/w-rose_multi-set(color).html +26 -16
  74. package/docs/examples/w-rose_multi-set(color, gradient).html +26 -16
  75. package/docs/examples/w-rose_multi-set(series color).html +26 -16
  76. package/docs/examples/w-rose_multi-set(series color, gradient).html +26 -16
  77. package/docs/examples/w-rose_multi-set.html +26 -16
  78. package/docs/examples/w-rose_multi-set__hide legned.html +26 -16
  79. package/docs/examples/w-rose_multi-set__show labels.html +26 -16
  80. package/docs/examples/w-rose_multi-set_roseBorderWidth.html +26 -16
  81. package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +26 -16
  82. package/docs/examples/w-rose_multi-set_roseKpColor.html +26 -16
  83. package/docs/examples/w-rose_multi-set_roseWidthRatio.html +26 -16
  84. package/docs/examples/w-rose_one-set(color).html +26 -16
  85. package/docs/examples/w-rose_one-set(color, gradient).html +26 -16
  86. package/docs/examples/w-rose_one-set.html +26 -16
  87. package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +26 -16
  88. package/docs/examples/w-rose_one-set_roseBorderWidth.html +26 -16
  89. package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +26 -16
  90. package/docs/examples/w-rose_one-set_roseKpColor.html +26 -16
  91. package/docs/examples/w-rose_one-set_roseShowLabels.html +26 -16
  92. package/docs/examples/w-rose_one-set_roseWidthRatio.html +26 -16
  93. package/docs/examples/w-rose_one-set_showLegend.html +26 -16
  94. package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +26 -16
  95. package/docs/examples/w-set-multi_default.html +26 -16
  96. package/docs/examples/w-set-multi_hide labels.html +26 -16
  97. package/docs/examples/w-set-multi_hide legned.html +26 -16
  98. package/docs/examples/w-set-multi_keySelect.html +26 -16
  99. package/docs/examples/w-set-multi_slot head.html +26 -16
  100. package/docs/examples/w-set-multi_textPlotType_kpSelectText_widthSelect.html +26 -16
  101. package/docs/examples/w-set-one_default.html +26 -16
  102. package/docs/examples/w-set-one_hide labels.html +26 -16
  103. package/docs/examples/w-set-one_keySelect.html +26 -16
  104. package/docs/examples/w-set-one_show legned.html +26 -16
  105. package/docs/examples/w-set-one_slot head.html +26 -16
  106. package/docs/examples/w-set-one_textPlotType_kpSelectText_widthSelect.html +26 -16
  107. package/docs/getDefAxis.mjs.html +2 -2
  108. package/docs/getDefChart.mjs.html +2 -2
  109. package/docs/getDefLegend.mjs.html +2 -2
  110. package/docs/getDefOpt.mjs.html +2 -2
  111. package/docs/global.html +2 -2
  112. package/docs/index.html +2 -2
  113. package/docs/module-WBar.html +2 -2
  114. package/docs/module-WPie.html +2 -2
  115. package/docs/{module-WPlot.html → module-WPlot2d.html} +4 -4
  116. package/docs/module-WPlot3d.html +216 -0
  117. package/docs/module-WRose.html +2 -2
  118. package/docs/module-WSetMulti.html +2 -2
  119. package/docs/module-WSetOne.html +2 -2
  120. package/docs/setLegendLoc.mjs.html +2 -2
  121. package/package.json +7 -5
  122. package/src/App.vue +104 -52
  123. package/src/AppZoneWBar.vue +1 -1
  124. package/src/AppZoneWPie.vue +1 -1
  125. package/src/{AppZoneWPlot.vue → AppZoneWPlot2d.vue} +9 -9
  126. package/src/AppZoneWPlot3d.vue +106 -0
  127. package/src/AppZoneWRose.vue +1 -1
  128. package/src/AppZoneWSetMulti.vue +1 -1
  129. package/src/AppZoneWSetOne.vue +1 -1
  130. package/src/components/WBar.vue +4 -4
  131. package/src/components/WPie.vue +4 -4
  132. package/src/components/WPlot3d.vue +1256 -0
  133. package/src/components/WPlotVue.vue +4 -2
  134. package/src/components/WRose.vue +4 -4
  135. package/toolg/gExtractHtml.mjs +22 -15
  136. /package/src/components/{WPlot.vue → WPlot2d.vue} +0 -0
@@ -0,0 +1,216 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+
5
+ <meta charset="utf-8">
6
+ <title>WPlot3d - Documentation</title>
7
+
8
+
9
+ <script src="scripts/prettify/prettify.js"></script>
10
+ <script src="scripts/prettify/lang-css.js"></script>
11
+ <!--[if lt IE 9]>
12
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
13
+ <![endif]-->
14
+ <link type="text/css" rel="stylesheet" href="styles/prettify.css">
15
+ <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
16
+ <script src="scripts/nav.js" defer></script>
17
+
18
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
19
+ </head>
20
+ <body>
21
+
22
+ <input type="checkbox" id="nav-trigger" class="nav-trigger" />
23
+ <label for="nav-trigger" class="navicon-button x">
24
+ <div class="navicon"></div>
25
+ </label>
26
+
27
+ <label for="nav-trigger" class="overlay"></label>
28
+
29
+ <nav >
30
+
31
+
32
+ <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot2d.html">WPlot2d</a></li><li><a href="module-WPlot3d.html">WPlot3d</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
33
+
34
+ </nav>
35
+
36
+ <div id="main">
37
+
38
+ <h1 class="page-title">WPlot3d</h1>
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+ <section>
47
+
48
+ <header>
49
+
50
+ </header>
51
+
52
+ <article>
53
+
54
+ <div class="container-overview">
55
+
56
+
57
+
58
+ <dl class="details">
59
+
60
+ <dt class="tag-description">Description:</dt>
61
+ <dd class="tag-description"><ul class="dummy"><li></p></div></div>
62
+
63
+
64
+ <h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3>
65
+ <table data-jsdoc-vuejs="table-props">
66
+ <thead>
67
+ <tr>
68
+ <th>Name</th>
69
+ <th>Type</th>
70
+ <th>Default value</th>
71
+ <th>Required?</th>
72
+ <th>Description</th>
73
+ </tr>
74
+ </thead>
75
+ <tbody><tr>
76
+ <td><code>options</code></td>
77
+ <td>Object</td>
78
+ <td><code>{}</code></td>
79
+ <td>No</td>
80
+ <td>輸入設定物件,預設{}</td>
81
+ </tr></tbody>
82
+ </table>
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+ <div class="container-overview"><div><p>
93
+ </li></ul></dd>
94
+
95
+
96
+
97
+
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+ </dl>
128
+
129
+
130
+
131
+
132
+
133
+ <div class="description usertext"></p></div></div>
134
+
135
+
136
+ <h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3>
137
+ <table data-jsdoc-vuejs="table-props">
138
+ <thead>
139
+ <tr>
140
+ <th>Name</th>
141
+ <th>Type</th>
142
+ <th>Default value</th>
143
+ <th>Required?</th>
144
+ <th>Description</th>
145
+ </tr>
146
+ </thead>
147
+ <tbody><tr>
148
+ <td><code>options</code></td>
149
+ <td>Object</td>
150
+ <td><code>{}</code></td>
151
+ <td>No</td>
152
+ <td>輸入設定物件,預設{}</td>
153
+ </tr></tbody>
154
+ </table>
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+ <div class="container-overview"><div><p>
165
+ </div>
166
+
167
+
168
+
169
+
170
+ </div>
171
+
172
+
173
+
174
+
175
+
176
+
177
+
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+
186
+
187
+
188
+
189
+
190
+
191
+
192
+ </article>
193
+
194
+ </section>
195
+
196
+
197
+
198
+
199
+
200
+
201
+ </div>
202
+
203
+ <br class="clear">
204
+
205
+ <footer>
206
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Mar 22 2024 10:34:43 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
207
+ </footer>
208
+
209
+ <script>prettyPrint();</script>
210
+ <script src="scripts/polyfill.js"></script>
211
+ <script src="scripts/linenumber.js"></script>
212
+
213
+
214
+
215
+ </body>
216
+ </html>
@@ -29,7 +29,7 @@
29
29
  <nav >
30
30
 
31
31
 
32
- <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot.html">WPlot</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
32
+ <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot2d.html">WPlot2d</a></li><li><a href="module-WPlot3d.html">WPlot3d</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
33
33
 
34
34
  </nav>
35
35
 
@@ -203,7 +203,7 @@
203
203
  <br class="clear">
204
204
 
205
205
  <footer>
206
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Dec 15 2023 09:40:45 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
206
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Mar 22 2024 10:34:43 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
207
207
  </footer>
208
208
 
209
209
  <script>prettyPrint();</script>
@@ -29,7 +29,7 @@
29
29
  <nav >
30
30
 
31
31
 
32
- <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot.html">WPlot</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
32
+ <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot2d.html">WPlot2d</a></li><li><a href="module-WPlot3d.html">WPlot3d</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
33
33
 
34
34
  </nav>
35
35
 
@@ -203,7 +203,7 @@
203
203
  <br class="clear">
204
204
 
205
205
  <footer>
206
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Dec 15 2023 09:40:45 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
206
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Mar 22 2024 10:34:43 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
207
207
  </footer>
208
208
 
209
209
  <script>prettyPrint();</script>
@@ -29,7 +29,7 @@
29
29
  <nav >
30
30
 
31
31
 
32
- <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot.html">WPlot</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
32
+ <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot2d.html">WPlot2d</a></li><li><a href="module-WPlot3d.html">WPlot3d</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
33
33
 
34
34
  </nav>
35
35
 
@@ -203,7 +203,7 @@
203
203
  <br class="clear">
204
204
 
205
205
  <footer>
206
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Dec 15 2023 09:40:45 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
206
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Mar 22 2024 10:34:43 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
207
207
  </footer>
208
208
 
209
209
  <script>prettyPrint();</script>
@@ -29,7 +29,7 @@
29
29
  <nav >
30
30
 
31
31
 
32
- <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot.html">WPlot</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
32
+ <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WBar.html">WBar</a></li><li><a href="module-WPie.html">WPie</a></li><li><a href="module-WPlot2d.html">WPlot2d</a></li><li><a href="module-WPlot3d.html">WPlot3d</a></li><li><a href="module-WRose.html">WRose</a></li><li><a href="module-WSetMulti.html">WSetMulti</a></li><li><a href="module-WSetOne.html">WSetOne</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getDefAxis">getDefAxis</a></li><li><a href="global.html#getDefChart">getDefChart</a></li><li><a href="global.html#getDefLegend">getDefLegend</a></li><li><a href="global.html#getDefOpt">getDefOpt</a></li><li><a href="global.html#setLegendLoc">setLegendLoc</a></li></ul>
33
33
 
34
34
  </nav>
35
35
 
@@ -163,7 +163,7 @@ export default setLegendLoc
163
163
  <br class="clear">
164
164
 
165
165
  <footer>
166
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Dec 15 2023 09:40:45 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
166
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri Mar 22 2024 10:34:43 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
167
167
  </footer>
168
168
 
169
169
  <script>prettyPrint();</script>
package/package.json CHANGED
@@ -1,12 +1,14 @@
1
1
  {
2
2
  "name": "w-plot-vue",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "main": "dist/w-plot-vue.umd.js",
5
5
  "dependencies": {
6
- "@mdi/js": "^7.2.96",
6
+ "@mdi/js": "^7.4.47",
7
7
  "lodash-es": "^4.17.21",
8
- "w-component-vue": "^2.3.63",
9
- "wsemi": "^1.7.40"
8
+ "three": "^0.162.0",
9
+ "camera-controls": "^2.8.3",
10
+ "w-component-vue": "^2.3.77",
11
+ "wsemi": "^1.7.47"
10
12
  },
11
13
  "devDependencies": {
12
14
  "@vue/cli-plugin-babel": "^5.0.8",
@@ -22,7 +24,7 @@
22
24
  "eslint-plugin-standard": "^4.1.0",
23
25
  "eslint-plugin-vue": "^9.10.0",
24
26
  "vue": "^2.6.14",
25
- "w-package-tools": "^1.0.71"
27
+ "w-package-tools": "^1.0.73"
26
28
  },
27
29
  "scripts": {
28
30
  "serve": "vue-cli-service serve",
package/src/App.vue CHANGED
@@ -27,7 +27,7 @@
27
27
  >
28
28
  <template v-slot:item="props">
29
29
  <div style="">
30
- {{kebabCase(props.item.name)}}
30
+ {{kebabCaseFix(props.item.name)}}
31
31
  </div>
32
32
  </template>
33
33
  </WListHorizontal>
@@ -49,7 +49,7 @@
49
49
  >
50
50
  <template v-slot:item="props">
51
51
  <div style="">
52
- {{kebabCase(props.item.name)}}
52
+ {{kebabCaseFix(props.item.name)}}
53
53
  </div>
54
54
  </template>
55
55
  </WListHorizontal>
@@ -70,7 +70,7 @@
70
70
  >
71
71
  <template v-slot:item="props">
72
72
  <div style="">
73
- {{kebabCase(props.item.name)}}
73
+ {{kebabCaseFix(props.item.name)}}
74
74
  </div>
75
75
  </template>
76
76
  </WListHorizontal>
@@ -80,9 +80,9 @@
80
80
  </div>
81
81
 
82
82
 
83
- <div style="padding:20px;">
83
+ <div>
84
84
 
85
- <AppZoneWPlot v-if="cmpPick==='WPlot'"></AppZoneWPlot>
85
+ <AppZoneWPlot2d v-if="cmpPick==='WPlot2d'"></AppZoneWPlot2d>
86
86
 
87
87
  <AppZoneWBar v-if="cmpPick==='WBar'"></AppZoneWBar>
88
88
 
@@ -94,6 +94,8 @@
94
94
 
95
95
  <AppZoneWSetMulti v-if="cmpPick==='WSetMulti'"></AppZoneWSetMulti>
96
96
 
97
+ <AppZoneWPlot3d v-if="cmpPick==='WPlot3d'"></AppZoneWPlot3d>
98
+
97
99
  </div>
98
100
 
99
101
 
@@ -105,55 +107,82 @@ import get from 'lodash-es/get'
105
107
  import kebabCase from 'lodash-es/kebabCase'
106
108
  import each from 'lodash-es/each'
107
109
  // import cloneDeep from 'lodash-es/cloneDeep'
110
+ import strright from 'wsemi/src/strright.mjs'
111
+ import strdelright from 'wsemi/src/strdelright.mjs'
108
112
  import urlParse from 'wsemi/src/urlParse.mjs'
109
113
  import WListHorizontal from 'w-component-vue/src/components/WListHorizontal.vue'
110
- import AppZoneWPlot from './AppZoneWPlot.vue'
114
+ import AppZoneWPlot2d from './AppZoneWPlot2d.vue'
111
115
  import AppZoneWBar from './AppZoneWBar.vue'
112
116
  import AppZoneWPie from './AppZoneWPie.vue'
113
117
  import AppZoneWRose from './AppZoneWRose.vue'
114
118
  import AppZoneWSetOne from './AppZoneWSetOne.vue'
115
119
  import AppZoneWSetMulti from './AppZoneWSetMulti.vue'
120
+ import AppZoneWPlot3d from './AppZoneWPlot3d.vue'
121
+
122
+
123
+ let kebabCaseFix = (c) => {
124
+ let r = kebabCase(c)
125
+ if (strright(r, 3) === '2-d') {
126
+ r = strdelright(r, 3) + '2d'
127
+ }
128
+ else if (strright(r, 3) === '3-d') {
129
+ r = strdelright(r, 3) + '3d'
130
+ }
131
+ return r
132
+ }
116
133
 
117
134
 
118
135
  export default {
119
136
  components: {
120
137
  WListHorizontal,
121
- AppZoneWPlot,
138
+ AppZoneWPlot2d,
122
139
  AppZoneWBar,
123
140
  AppZoneWPie,
124
141
  AppZoneWRose,
125
142
  AppZoneWSetOne,
126
143
  AppZoneWSetMulti,
144
+ AppZoneWPlot3d,
127
145
  },
128
146
  data: function() {
129
147
  let cmps = [
130
148
  {
131
- name: 'basic',
132
- cmps: [
133
- { name: 'WPlot', },
134
- { name: 'WBar', },
135
- { name: 'WPie', },
136
- { name: 'WRose', },
137
- ],
138
- },
139
- {
140
- name: 'set',
149
+ name: '2d',
141
150
  cmps: [
142
- { name: 'WSetOne', },
143
- { name: 'WSetMulti', },
144
- // {
145
- // name: 'VTest',
146
- // cmps: [
147
- // { name: 'VTest1', },
148
- // { name: 'VTest2', },
149
- // { name: 'VTest3', },
150
- // ],
151
- // },
151
+ {
152
+ name: 'basic',
153
+ cmps: [
154
+ { name: 'WPlot2d', },
155
+ { name: 'WBar', },
156
+ { name: 'WPie', },
157
+ { name: 'WRose', },
158
+ ],
159
+ },
160
+ {
161
+ name: 'set',
162
+ cmps: [
163
+ { name: 'WSetOne', },
164
+ { name: 'WSetMulti', },
165
+ // {
166
+ // name: 'VTest',
167
+ // cmps: [
168
+ // { name: 'VTest1', },
169
+ // { name: 'VTest2', },
170
+ // { name: 'VTest3', },
171
+ // ],
172
+ // },
173
+ ],
174
+ },
152
175
  ],
153
176
  },
177
+ // {
178
+ // name: '3d',
179
+ // cmps: [
180
+ // { name: 'WPlot3d', },
181
+ // ],
182
+ // },
154
183
  ]
155
184
  return {
156
- kebabCase,
185
+ kebabCaseFix,
157
186
 
158
187
  cmpsL1: cmps,
159
188
  indP1: null,
@@ -273,39 +302,49 @@ export default {
273
302
 
274
303
  viewPick: function(cmpPick) {
275
304
  let vo = this
276
- let _cmpPick = kebabCase(cmpPick)
305
+ let _cmpPick = kebabCaseFix(cmpPick)
277
306
  let r = ''
278
307
  let rs = []
279
308
  let ls = []
280
- let l = 0
281
309
  let pv = (ts) => {
282
- ls.push(l)
283
310
  each(ts, (v, k) => {
311
+ ls.push(k)
312
+
313
+ //name, _name
284
314
  let name = get(v, `name`, '')
285
- let _name = kebabCase(name)
315
+ let _name = kebabCaseFix(name)
316
+
317
+ //cmps
286
318
  let cmps = get(v, `cmps`, [])
287
- if (cmps.length > 0) {
288
- l++
289
- pv(cmps)
290
- l--
291
- }
292
- let lst = [...ls, k]
319
+
320
+ //push
321
+ let cls = ls.join('.')
322
+ let b = _name === _cmpPick
293
323
  rs.push({
294
- clst: lst.join('.'),
324
+ cls,
295
325
  name,
326
+ b,
296
327
  })
297
- if (_name === _cmpPick) {
298
- r = lst
328
+
329
+ //save
330
+ if (b) {
331
+ r = JSON.parse(JSON.stringify(ls))
332
+ }
333
+
334
+ //遞迴pv
335
+ if (cmps.length > 0) {
336
+ pv(cmps)
299
337
  }
338
+
339
+ ls.pop()
300
340
  })
301
- ls.pop()
302
341
  }
303
342
  pv(vo.cmpsL1)
304
343
  // console.log('rs', rs)
305
344
  // console.log('r', r)
306
- vo.indP1 = get(r, 1, 0)
307
- vo.indP2 = get(r, 2, 0)
308
- vo.indP3 = get(r, 3, 0)
345
+ vo.indP1 = get(r, 0, 0)
346
+ vo.indP2 = get(r, 1, 0)
347
+ vo.indP3 = get(r, 2, 0)
309
348
  },
310
349
 
311
350
  },
@@ -314,18 +353,31 @@ export default {
314
353
 
315
354
  <style>
316
355
  .head1 {
317
- margin: 0px;
318
- padding: 0px 0px 10px 0px;
356
+ padding: 0px 0px 20px 0px;
319
357
  font-size: 2.5rem;
320
358
  }
321
- .bk {
359
+ .bkh { /* 寬 */
360
+ padding:20px;
361
+ }
362
+ @media screen and (max-width:800px){ /* 中 */
363
+ .bkh {
364
+ padding:10px;
365
+ }
366
+ }
367
+ @media screen and (max-width:400px){ /* 窄 */
368
+ .bkh {
369
+ padding:5px;
370
+ }
371
+ }
372
+ .bk { /* 寬 */
373
+ display: inline-block;
322
374
  vertical-align: top;
323
- padding: 10px 0px 60px 0px;
375
+ padding: 0px 80px 60px 0px;
324
376
  }
325
- @media screen and (min-width:1000px){ /* 寬版 */
377
+ @media screen and (max-width:1000px){ /* 中窄 */
326
378
  .bk {
327
- display: inline-block;
328
- margin: 0px 80px 0px 0px;
379
+ display: block;
380
+ padding: 0px 0px 50px 0px;
329
381
  }
330
382
  }
331
383
  </style>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div>
2
+ <div class="bkh">
3
3
 
4
4
 
5
5
  <div class="head1"><span style="cursor:pointer;" title="open for copy link to view component" onclick="window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')">w-bar</span></div>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div>
2
+ <div class="bkh">
3
3
 
4
4
 
5
5
  <div class="head1"><span style="cursor:pointer;" title="open for copy link to view component" onclick="window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')">w-pie</span></div>
@@ -1,8 +1,8 @@
1
1
  <template>
2
- <div>
2
+ <div class="bkh">
3
3
 
4
4
 
5
- <div class="head1"><span style="cursor:pointer;" title="open for copy link to view component" onclick="window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')">w-plot</span></div>
5
+ <div class="head1"><span style="cursor:pointer;" title="open for copy link to view component" onclick="window.open('//yuda-lyu.github.io/w-plot-vue/examples/app.html?cmp='+this.innerText,'_blank')">w-plot-2d</span></div>
6
6
 
7
7
 
8
8
  <div style="padding:0px;">
@@ -10,13 +10,13 @@
10
10
 
11
11
  <div class="bk">
12
12
  <demolink
13
- :kbname="'w-plot'"
13
+ :kbname="'w-plot-2d'"
14
14
  :casename="'default'"
15
15
  ></demolink>
16
16
 
17
- <w-plot
18
- :options="WPlot.option1"
19
- ></w-plot>
17
+ <w-plot-2d
18
+ :options="WPlot2d.option1"
19
+ ></w-plot-2d>
20
20
 
21
21
  </div>
22
22
 
@@ -29,19 +29,19 @@
29
29
 
30
30
  <script>
31
31
  import demolink from './components/demolink.vue'
32
- import WPlot from './components/WPlot.vue'
32
+ import WPlot2d from './components/WPlot2d.vue'
33
33
 
34
34
 
35
35
  export default {
36
36
  components: {
37
37
  demolink,
38
- WPlot,
38
+ WPlot2d,
39
39
  },
40
40
  props: {
41
41
  },
42
42
  data: function() {
43
43
  return {
44
- 'WPlot': {
44
+ 'WPlot2d': {
45
45
  'option1': {
46
46
  title: {
47
47
  text: 'AAPL Stock Price'