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.
- package/README.md +12 -11
- package/dist/w-plot-vue.umd.js +13 -2
- package/dist/w-plot-vue.umd.js.map +1 -1
- package/docs/examples/app.html +1 -1
- package/docs/examples/app.umd.js +13 -2
- package/docs/examples/app.umd.js.map +1 -1
- package/docs/examples/w-bar_horizontal_multi-set(color).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set(series color).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set.html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set__hide legned.html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set__show labels.html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set_barUseInnerLabelsForHorizontal_barGroupWidthRatio.html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio.html +26 -16
- package/docs/examples/w-bar_horizontal_multi-set_barWidthRatio_barGroupWidthRatio.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set(color).html +26 -16
- package/docs/examples/w-bar_horizontal_one-set(color, gradient).html +26 -16
- package/docs/examples/w-bar_horizontal_one-set.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barColor(gradient).html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barColor.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barKpColor(gradient).html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barKpColor.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barUseInnerLabelsForHorizontal.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barWidthRatio.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_barWidthRatio_barGroupWidthRatio.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_hide labels.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_marginLeft_marginRight.html +26 -16
- package/docs/examples/w-bar_horizontal_one-set_show legned.html +26 -16
- package/docs/examples/w-bar_multi-set(color).html +26 -16
- package/docs/examples/w-bar_multi-set(color, gradient).html +26 -16
- package/docs/examples/w-bar_multi-set(series color).html +26 -16
- package/docs/examples/w-bar_multi-set(series color, gradient).html +26 -16
- package/docs/examples/w-bar_multi-set.html +26 -16
- package/docs/examples/w-bar_multi-set__barDisplay(stackNormal).html +26 -16
- package/docs/examples/w-bar_multi-set__barDisplay(stackNormal)_.html +26 -16
- package/docs/examples/w-bar_multi-set__barDisplay(stackPercent).html +26 -16
- package/docs/examples/w-bar_multi-set__hide legned.html +26 -16
- package/docs/examples/w-bar_multi-set__show labels.html +26 -16
- package/docs/examples/w-bar_multi-set_barKpColor(gradient).html +26 -16
- package/docs/examples/w-bar_multi-set_barKpColor.html +26 -16
- package/docs/examples/w-bar_multi-set_barWidthRatio.html +26 -16
- package/docs/examples/w-bar_multi-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +26 -16
- package/docs/examples/w-bar_one-set(color).html +26 -16
- package/docs/examples/w-bar_one-set(color, gradient).html +26 -16
- package/docs/examples/w-bar_one-set.html +26 -16
- package/docs/examples/w-bar_one-set_barColor(gradient).html +26 -16
- package/docs/examples/w-bar_one-set_barColor.html +26 -16
- package/docs/examples/w-bar_one-set_barKpColor(gradient).html +26 -16
- package/docs/examples/w-bar_one-set_barKpColor.html +26 -16
- package/docs/examples/w-bar_one-set_barWidthRatio.html +26 -16
- package/docs/examples/w-bar_one-set_barWidthRatio_barGroupWidthRatio_barBorderRadius.html +26 -16
- package/docs/examples/w-bar_one-set_hide labels.html +26 -16
- package/docs/examples/w-bar_one-set_marginLeft_marginRight_marginTop.html +26 -16
- package/docs/examples/w-bar_one-set_show legned.html +26 -16
- package/docs/examples/w-pie_one-set(color).html +26 -16
- package/docs/examples/w-pie_one-set(color, gradient).html +26 -16
- package/docs/examples/w-pie_one-set.html +26 -16
- package/docs/examples/w-pie_one-set_hide labels.html +26 -16
- package/docs/examples/w-pie_one-set_hide legned.html +26 -16
- package/docs/examples/w-pie_one-set_marginLeft_marginRight_marginTop.html +26 -16
- package/docs/examples/w-pie_one-set_pieBorderRadius.html +26 -16
- package/docs/examples/w-pie_one-set_pieBorderWidth_pieBorderRadius.html +26 -16
- package/docs/examples/w-pie_one-set_pieKpColor(gradient).html +26 -16
- package/docs/examples/w-pie_one-set_pieKpColor.html +26 -16
- package/docs/examples/w-pie_one-set_pieThicknessRatio.html +26 -16
- package/docs/examples/{w-plot_default.html → w-plot-2d_default.html} +29 -19
- package/docs/examples/w-plot-3d_default.html +209 -0
- package/docs/examples/w-rose_multi-set(color).html +26 -16
- package/docs/examples/w-rose_multi-set(color, gradient).html +26 -16
- package/docs/examples/w-rose_multi-set(series color).html +26 -16
- package/docs/examples/w-rose_multi-set(series color, gradient).html +26 -16
- package/docs/examples/w-rose_multi-set.html +26 -16
- package/docs/examples/w-rose_multi-set__hide legned.html +26 -16
- package/docs/examples/w-rose_multi-set__show labels.html +26 -16
- package/docs/examples/w-rose_multi-set_roseBorderWidth.html +26 -16
- package/docs/examples/w-rose_multi-set_roseKpColor(gradient).html +26 -16
- package/docs/examples/w-rose_multi-set_roseKpColor.html +26 -16
- package/docs/examples/w-rose_multi-set_roseWidthRatio.html +26 -16
- package/docs/examples/w-rose_one-set(color).html +26 -16
- package/docs/examples/w-rose_one-set(color, gradient).html +26 -16
- package/docs/examples/w-rose_one-set.html +26 -16
- package/docs/examples/w-rose_one-set_marginLeft_marginRight_marginTop.html +26 -16
- package/docs/examples/w-rose_one-set_roseBorderWidth.html +26 -16
- package/docs/examples/w-rose_one-set_roseKpColor(gradient).html +26 -16
- package/docs/examples/w-rose_one-set_roseKpColor.html +26 -16
- package/docs/examples/w-rose_one-set_roseShowLabels.html +26 -16
- package/docs/examples/w-rose_one-set_roseWidthRatio.html +26 -16
- package/docs/examples/w-rose_one-set_showLegend.html +26 -16
- package/docs/examples/w-rose_one-set_showLegend_legendPosition.html +26 -16
- package/docs/examples/w-set-multi_default.html +26 -16
- package/docs/examples/w-set-multi_hide labels.html +26 -16
- package/docs/examples/w-set-multi_hide legned.html +26 -16
- package/docs/examples/w-set-multi_keySelect.html +26 -16
- package/docs/examples/w-set-multi_slot head.html +26 -16
- package/docs/examples/w-set-multi_textPlotType_kpSelectText_widthSelect.html +26 -16
- package/docs/examples/w-set-one_default.html +26 -16
- package/docs/examples/w-set-one_hide labels.html +26 -16
- package/docs/examples/w-set-one_keySelect.html +26 -16
- package/docs/examples/w-set-one_show legned.html +26 -16
- package/docs/examples/w-set-one_slot head.html +26 -16
- package/docs/examples/w-set-one_textPlotType_kpSelectText_widthSelect.html +26 -16
- package/docs/getDefAxis.mjs.html +2 -2
- package/docs/getDefChart.mjs.html +2 -2
- package/docs/getDefLegend.mjs.html +2 -2
- package/docs/getDefOpt.mjs.html +2 -2
- package/docs/global.html +2 -2
- package/docs/index.html +2 -2
- package/docs/module-WBar.html +2 -2
- package/docs/module-WPie.html +2 -2
- package/docs/{module-WPlot.html → module-WPlot2d.html} +4 -4
- package/docs/module-WPlot3d.html +216 -0
- package/docs/module-WRose.html +2 -2
- package/docs/module-WSetMulti.html +2 -2
- package/docs/module-WSetOne.html +2 -2
- package/docs/setLegendLoc.mjs.html +2 -2
- package/package.json +7 -5
- package/src/App.vue +104 -52
- package/src/AppZoneWBar.vue +1 -1
- package/src/AppZoneWPie.vue +1 -1
- package/src/{AppZoneWPlot.vue → AppZoneWPlot2d.vue} +9 -9
- package/src/AppZoneWPlot3d.vue +106 -0
- package/src/AppZoneWRose.vue +1 -1
- package/src/AppZoneWSetMulti.vue +1 -1
- package/src/AppZoneWSetOne.vue +1 -1
- package/src/components/WBar.vue +4 -4
- package/src/components/WPie.vue +4 -4
- package/src/components/WPlot3d.vue +1256 -0
- package/src/components/WPlotVue.vue +4 -2
- package/src/components/WRose.vue +4 -4
- package/toolg/gExtractHtml.mjs +22 -15
- /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>
|
package/docs/module-WRose.html
CHANGED
|
@@ -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-
|
|
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
|
|
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-
|
|
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
|
|
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>
|
package/docs/module-WSetOne.html
CHANGED
|
@@ -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-
|
|
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
|
|
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-
|
|
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
|
|
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.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"main": "dist/w-plot-vue.umd.js",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@mdi/js": "^7.
|
|
6
|
+
"@mdi/js": "^7.4.47",
|
|
7
7
|
"lodash-es": "^4.17.21",
|
|
8
|
-
"
|
|
9
|
-
"
|
|
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.
|
|
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
|
-
{{
|
|
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
|
-
{{
|
|
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
|
-
{{
|
|
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
|
|
83
|
+
<div>
|
|
84
84
|
|
|
85
|
-
<
|
|
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
|
|
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
|
-
|
|
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: '
|
|
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
|
-
{
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
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
|
-
|
|
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 =
|
|
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 =
|
|
315
|
+
let _name = kebabCaseFix(name)
|
|
316
|
+
|
|
317
|
+
//cmps
|
|
286
318
|
let cmps = get(v, `cmps`, [])
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
}
|
|
292
|
-
let lst = [...ls, k]
|
|
319
|
+
|
|
320
|
+
//push
|
|
321
|
+
let cls = ls.join('.')
|
|
322
|
+
let b = _name === _cmpPick
|
|
293
323
|
rs.push({
|
|
294
|
-
|
|
324
|
+
cls,
|
|
295
325
|
name,
|
|
326
|
+
b,
|
|
296
327
|
})
|
|
297
|
-
|
|
298
|
-
|
|
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,
|
|
307
|
-
vo.indP2 = get(r,
|
|
308
|
-
vo.indP3 = get(r,
|
|
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
|
-
|
|
318
|
-
padding: 0px 0px 10px 0px;
|
|
356
|
+
padding: 0px 0px 20px 0px;
|
|
319
357
|
font-size: 2.5rem;
|
|
320
358
|
}
|
|
321
|
-
.
|
|
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:
|
|
375
|
+
padding: 0px 80px 60px 0px;
|
|
324
376
|
}
|
|
325
|
-
@media screen and (
|
|
377
|
+
@media screen and (max-width:1000px){ /* 中窄 */
|
|
326
378
|
.bk {
|
|
327
|
-
display:
|
|
328
|
-
|
|
379
|
+
display: block;
|
|
380
|
+
padding: 0px 0px 50px 0px;
|
|
329
381
|
}
|
|
330
382
|
}
|
|
331
383
|
</style>
|
package/src/AppZoneWBar.vue
CHANGED
package/src/AppZoneWPie.vue
CHANGED
|
@@ -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="
|
|
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
|
|
32
|
+
import WPlot2d from './components/WPlot2d.vue'
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
export default {
|
|
36
36
|
components: {
|
|
37
37
|
demolink,
|
|
38
|
-
|
|
38
|
+
WPlot2d,
|
|
39
39
|
},
|
|
40
40
|
props: {
|
|
41
41
|
},
|
|
42
42
|
data: function() {
|
|
43
43
|
return {
|
|
44
|
-
'
|
|
44
|
+
'WPlot2d': {
|
|
45
45
|
'option1': {
|
|
46
46
|
title: {
|
|
47
47
|
text: 'AAPL Stock Price'
|