This is an automated email from the ASF dual-hosted git repository.
ovilia pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/echarts-custom-series.git
The following commit(s) were added to refs/heads/main by this push:
new cac0195 feat(stage): add thumbnails
cac0195 is described below
commit cac0195d7ff3e0caa80bf5ff52cd93a325fe76a6
Author: Ovilia <[email protected]>
AuthorDate: Wed Sep 18 16:01:14 2024 +0800
feat(stage): add thumbnails
---
README.md | 1 +
screenshots/stage.svg | 64 +++++++++++++++++++++++++++++++++++++++++++++++++++
scripts/generate.js | 2 +-
3 files changed, 66 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 086757c..5c54bf3 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,7 @@ This repo provides some custom series for [Apache
ECharts](https://github.com/ap
| [barRange](custom-series/barRange) <br>
 | [violin](custom-series/violin) <br>
 |
|
----------------------------------------------------------------------------- |
--------------------------------------------------------------------- |
+| [stage](custom-series/stage) <br> 
| |
## Setup
diff --git a/screenshots/stage.svg b/screenshots/stage.svg
new file mode 100644
index 0000000..74ebe7a
--- /dev/null
+++ b/screenshots/stage.svg
@@ -0,0 +1,64 @@
+<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; version="1.1" baseProfile="full"
viewBox="0 0 600 400">
+<rect width="600" height="400" x="0" y="0" fill="#fff"></rect>
+<path d="M60 330.5L540 330.5" fill="transparent" stroke="#E0E6F1"
class="zr0-cls-0"></path>
+<path d="M60 262.5L540 262.5" fill="transparent" stroke="#E0E6F1"
class="zr0-cls-0"></path>
+<path d="M60 195.5L540 195.5" fill="transparent" stroke="#E0E6F1"
class="zr0-cls-0"></path>
+<path d="M60 127.5L540 127.5" fill="transparent" stroke="#E0E6F1"
class="zr0-cls-0"></path>
+<path d="M60 60.5L540 60.5" fill="transparent" stroke="#E0E6F1"
class="zr0-cls-0"></path>
+<path d="M60.5 330L60.5 60" fill="transparent" stroke="#6E7079"
stroke-linecap="round" class="zr0-cls-0"></path>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(116.3325 338)"
fill="#6E7079">04:00</text>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(186.7482 338)"
fill="#6E7079">05:00</text>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(257.1638 338)"
fill="#6E7079">06:00</text>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(327.5795 338)"
fill="#6E7079">07:00</text>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(397.9951 338)"
fill="#6E7079">08:00</text>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(468.4108 338)"
fill="#6E7079">09:00</text>
+<text dominant-baseline="central" text-anchor="middle" style="font: normal
normal 12px sans-serif" y="6" transform="translate(538.8264 338)"
fill="#6E7079">10:00</text>
+<path d="M271.2 87L271.2 119.5L271.2 87" fill="#FE816E"
ecmeta_series_index="0" ecmeta_data_index="0" ecmeta_ssr_type="chart"
class="zr0-cls-1"></path>
+<text dominant-baseline="central" text-anchor="start" style="font: 12px
sans-serif" x="65" y="73" fill="#777">Awake</text>
+<path d="M276.5 87A1.8 1.8 0 0 1 278.3 88.8L278.3 117.7A1.8 1.8 0 0 1 276.5
119.5A1.8 1.8 0 0 1 274.8 117.7L274.8 88.8A1.8 1.8 0 0 1 276.5 87"
fill="#FE816E" ecmeta_series_index="0" ecmeta_data_index="1"
ecmeta_ssr_type="chart" class="zr0-cls-1"></path>
+<path d="M467.8 87A0.6 0.6 0 0 1 468.4 87.6L468.4 118.9A0.6 0.6 0 0 1 467.8
119.5A0.6 0.6 0 0 1 467.2 118.9L467.2 87.6A0.6 0.6 0 0 1 467.8 87"
fill="#FE816E" ecmeta_series_index="0" ecmeta_data_index="2"
ecmeta_ssr_type="chart" class="zr0-cls-1"></path>
+<path d="M247.6 154.5L263.2 154.5A8 8 0 0 1 271.2 162.5L271.2 179A8 8 0 0 1
263.2 187L247.6 187A8 8 0 0 1 239.6 179L239.6 162.5A8 8 0 0 1 247.6 154.5"
fill="#59C7FD" ecmeta_series_index="0" ecmeta_data_index="3"
ecmeta_ssr_type="chart" class="zr0-cls-2"></path>
+<text dominant-baseline="central" text-anchor="start" style="font: 12px
sans-serif" x="65" y="140.5" fill="#777">REM</text>
+<path d="M379 154.5L385.3 154.5A8 8 0 0 1 393.3 162.5L393.3 179A8 8 0 0 1
385.3 187L379 187A8 8 0 0 1 371 179L371 162.5A8 8 0 0 1 379 154.5"
fill="#59C7FD" ecmeta_series_index="0" ecmeta_data_index="4"
ecmeta_ssr_type="chart" class="zr0-cls-2"></path>
+<path d="M465.5 154.5A1.8 1.8 0 0 1 467.2 156.3L467.2 185.2A1.8 1.8 0 0 1
465.5 187A1.8 1.8 0 0 1 463.7 185.2L463.7 156.3A1.8 1.8 0 0 1 465.5 154.5"
fill="#59C7FD" ecmeta_series_index="0" ecmeta_data_index="5"
ecmeta_ssr_type="chart" class="zr0-cls-2"></path>
+<path d="M485.8 154.5L494.4 154.5A8 8 0 0 1 502.4 162.5L502.4 179A8 8 0 0 1
494.4 187L485.8 187A8 8 0 0 1 477.8 179L477.8 162.5A8 8 0 0 1 485.8 154.5"
fill="#59C7FD" ecmeta_series_index="0" ecmeta_data_index="6"
ecmeta_ssr_type="chart" class="zr0-cls-2"></path>
+<path d="M247.6 154.5L263.2 154.5A8 8 0 0 1 271.2 162.5L271.2 179A8 8 0 0 1
263.2 187L247.6 187A8 8 0 0 1 239.6 179L239.6 162.5A8 8 0 0 1 247.6 154.5"
fill="#59C7FD" ecmeta_series_index="0" ecmeta_data_index="7"
ecmeta_ssr_type="chart" class="zr0-cls-2"></path>
+<path d="M68 222L69.6 222A8 8 0 0 1 77.6 230L77.6 246.5A8 8 0 0 1 69.6
254.5L68 254.5A8 8 0 0 1 60 246.5L60 230A8 8 0 0 1 68 222" fill="#1395F4"
ecmeta_series_index="0" ecmeta_data_index="8" ecmeta_ssr_type="chart"
class="zr0-cls-3"></path>
+<text dominant-baseline="central" text-anchor="start" style="font: 12px
sans-serif" x="65" y="208" fill="#777">Core</text>
+<path d="M126.7 222L150.6 222A8 8 0 0 1 158.6 230L158.6 246.5A8 8 0 0 1 150.6
254.5L126.7 254.5A8 8 0 0 1 118.7 246.5L118.7 230A8 8 0 0 1 126.7 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="9"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M168 222A4.7 4.7 0 0 1 172.7 226.7L172.7 249.8A4.7 4.7 0 0 1 168
254.5A4.7 4.7 0 0 1 163.3 249.8L163.3 226.7A4.7 4.7 0 0 1 168 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="10"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M191.2 222L231.6 222A8 8 0 0 1 239.6 230L239.6 246.5A8 8 0 0 1 231.6
254.5L191.2 254.5A8 8 0 0 1 183.2 246.5L183.2 230A8 8 0 0 1 191.2 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="11"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M273 222A1.8 1.8 0 0 1 274.8 223.8L274.8 252.7A1.8 1.8 0 0 1 273
254.5A1.8 1.8 0 0 1 271.2 252.7L271.2 223.8A1.8 1.8 0 0 1 273 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="12"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M286.3 222L363 222A8 8 0 0 1 371 230L371 246.5A8 8 0 0 1 363
254.5L286.3 254.5A8 8 0 0 1 278.3 246.5L278.3 230A8 8 0 0 1 286.3 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="13"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M401.3 222L455.7 222A8 8 0 0 1 463.7 230L463.7 246.5A8 8 0 0 1 455.7
254.5L401.3 254.5A8 8 0 0 1 393.3 246.5L393.3 230A8 8 0 0 1 401.3 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="14"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M473.1 222A4.7 4.7 0 0 1 477.8 226.7L477.8 249.8A4.7 4.7 0 0 1 473.1
254.5A4.7 4.7 0 0 1 468.4 249.8L468.4 226.7A4.7 4.7 0 0 1 473.1 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="15"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M510.4 222L532 222A8 8 0 0 1 540 230L540 246.5A8 8 0 0 1 532
254.5L510.4 254.5A8 8 0 0 1 502.4 246.5L502.4 230A8 8 0 0 1 510.4 222"
fill="#1395F4" ecmeta_series_index="0" ecmeta_data_index="16"
ecmeta_ssr_type="chart" class="zr0-cls-3"></path>
+<path d="M85.6 289.5L110.7 289.5A8 8 0 0 1 118.7 297.5L118.7 314A8 8 0 0 1
110.7 322L85.6 322A8 8 0 0 1 77.6 314L77.6 297.5A8 8 0 0 1 85.6 289.5"
fill="#33379D" ecmeta_series_index="0" ecmeta_data_index="17"
ecmeta_ssr_type="chart" class="zr0-cls-4"></path>
+<text dominant-baseline="central" text-anchor="start" style="font: 12px
sans-serif" x="65" y="275.5" fill="#777">Deep</text>
+<path d="M160.9 289.5A2.3 2.3 0 0 1 163.3 291.8L163.3 319.7A2.3 2.3 0 0 1
160.9 322A2.3 2.3 0 0 1 158.6 319.7L158.6 291.8A2.3 2.3 0 0 1 160.9 289.5"
fill="#33379D" ecmeta_series_index="0" ecmeta_data_index="18"
ecmeta_ssr_type="chart" class="zr0-cls-4"></path>
+<path d="M177.9 289.5A5.3 5.3 0 0 1 183.2 294.8L183.2 316.7A5.3 5.3 0 0 1
177.9 322A5.3 5.3 0 0 1 172.7 316.7L172.7 294.8A5.3 5.3 0 0 1 177.9 289.5"
fill="#33379D" ecmeta_series_index="0" ecmeta_data_index="19"
ecmeta_ssr_type="chart" class="zr0-cls-4"></path>
+<style ><![CDATA[
+.zr0-cls-0:hover {
+pointer-events:none;
+}
+.zr0-cls-1:hover {
+cursor:pointer;
+fill:rgba(255,141,121,1);
+}
+.zr0-cls-2:hover {
+cursor:pointer;
+fill:rgba(97,218,255,1);
+}
+.zr0-cls-3:hover {
+cursor:pointer;
+fill:rgba(20,163,255,1);
+}
+.zr0-cls-4:hover {
+cursor:pointer;
+fill:rgba(56,60,172,1);
+}
+
+]]>
+
+</style>
+</svg>
\ No newline at end of file
diff --git a/scripts/generate.js b/scripts/generate.js
index b840024..c1e409e 100644
--- a/scripts/generate.js
+++ b/scripts/generate.js
@@ -59,7 +59,7 @@ function create(name) {
console.log(
chalk.gray(`Installing dependencies for custom series ${name}...`)
);
- // require('child_process').execSync(`npm install`, { cwd: seriesPath });
+ require('child_process').execSync(`npm install`, { cwd: seriesPath });
console.log(chalk.green(`Custom series ${name} created successfully.\n`));
}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
