w-plot-vue 1.0.7 → 1.0.9

package/.github/workflows/ci-test.yml

@@ -9,12 +9,12 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
     - run: npm cache clean -f

package/README.md

@@ -5,7 +5,6 @@ A plot component for vue(vue2).
 [![language](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://github.com/vuejs/vue) 
 [![npm version](http://img.shields.io/npm/v/w-plot-vue.svg?style=flat)](https://npmjs.org/package/w-plot-vue) 
 [![license](https://img.shields.io/npm/l/w-plot-vue.svg?style=flat)](https://npmjs.org/package/w-plot-vue) 
-[![gzip file size](http://img.badgesize.io/yuda-lyu/w-plot-vue/master/dist/w-plot-vue.umd.js.svg?compression=gzip)](https://github.com/yuda-lyu/w-plot-vue)
 [![npm download](https://img.shields.io/npm/dt/w-plot-vue.svg)](https://npmjs.org/package/w-plot-vue) 
 [![npm download](https://img.shields.io/npm/dm/w-plot-vue.svg)](https://npmjs.org/package/w-plot-vue) 
 [![jsdelivr download](https://img.shields.io/jsdelivr/npm/hm/w-plot-vue.svg)](https://www.jsdelivr.com/package/npm/w-plot-vue)
@@ -19,9 +18,8 @@ To view some examples for more understanding, visit examples:
 > **all components:** [web](//yuda-lyu.github.io/w-plot-vue/examples/app.html) [[source code](https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/app.html)]
 
 ## Installation
-### Using npm(ES6 module):
-> **Note:** w-plot-vue is mainly dependent on `w-component-vue` and `wsemi`.
 
+### Using npm(ES6 module):
 ```alias
 npm i w-plot-vue
 ```
@@ -62,12 +60,12 @@ export default {
 ```
 
 ### In a browser(UMD module):
-> **Note:** umd file of `w-plot-vue` is mainly dependent on `vue`.
 
-[Necessary] Add script for w-plot-vue.
+Add script for w-plot-vue.
 ```alias
-<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 ```
+
 Directly use:
 ```alias
 //app and component

package/babel.config.js

@@ -7,9 +7,10 @@ module.exports = {
     ],
     'plugins': [
         '@babel/plugin-transform-runtime',
-        '@babel/plugin-syntax-import-assertions',
         '@babel/plugin-proposal-export-default-from',
-        '@babel/plugin-proposal-nullish-coalescing-operator',
-        '@babel/plugin-proposal-optional-chaining'
+        // '@babel/plugin-syntax-import-assertions', //已被棄用
+        // '@babel/plugin-proposal-nullish-coalescing-operator', //browser與nodejs已支援
+        // '@babel/plugin-proposal-object-rest-spread', //browser與nodejs已支援
+        // '@babel/plugin-proposal-optional-chaining', //browser與nodejs已支援
     ]
 }

package/docs/examples/w-bar_horizontal_multi-set(color).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set(color, gradient).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set(series color).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set(series color, gradient).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set.html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackNormal).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set__barDisplay(stackPercent).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set__hide legned.html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set__show labels.html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set_barKpColor(gradient).html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {

package/docs/examples/w-bar_horizontal_multi-set_barKpColor.html

@@ -28,7 +28,7 @@
 
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
 
@@ -43,30 +43,24 @@
     />
 
     <!-- data -->
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataAAPL.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataAAPL.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataUSD2EUR.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataUSD2EUR.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataTemperature.js"
     ></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataTemperature.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataHousePriceArea.js"
     ></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataFlare.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRain.js"></script>
     <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataHousePriceArea.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataFlare.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRain.js"
-    ></script>
-    <script
-        src="https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/data/dataRainClip.js"
+        src="https://cdn.jsdelivr.net/npm/w-demores/res/data/dataRainClip.js"
     ></script>
 
     <!-- w-plot-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.7/dist/w-plot-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-plot-vue@1.0.9/dist/w-plot-vue.umd.js"></script>
 
     <style>
   .item {