This is an automated email from the ASF dual-hosted git repository.
shenyi pushed a commit to branch gh-pages
in repository https://gitbox.apache.org/repos/asf/echarts-examples.git
The following commit(s) were added to refs/heads/gh-pages by this push:
new 004df6f add loading animation
004df6f is described below
commit 004df6f3e9fc0f12216a642a949ae4a4e069329b
Author: pissang <bm2736...@gmail.com>
AuthorDate: Wed Jan 26 21:37:17 2022 +0800
add loading animation
---
public/data/thumb-dark/graphic-loading.png | Bin 0 -> 9260 bytes
public/data/thumb-dark/graphic-loading.webp | Bin 0 -> 77764 bytes
public/data/thumb/graphic-loading.png | Bin 0 -> 4199 bytes
public/data/thumb/graphic-loading.webp | Bin 0 -> 79802 bytes
public/examples/ts/graphic-loading.ts | 50 ++++++++++++++++++++++++++++
src/data/chart-list-data.js | 11 ++++++
6 files changed, 61 insertions(+)
diff --git a/public/data/thumb-dark/graphic-loading.png
b/public/data/thumb-dark/graphic-loading.png
new file mode 100644
index 0000000..80f1175
Binary files /dev/null and b/public/data/thumb-dark/graphic-loading.png differ
diff --git a/public/data/thumb-dark/graphic-loading.webp
b/public/data/thumb-dark/graphic-loading.webp
new file mode 100644
index 0000000..3f7c32a
Binary files /dev/null and b/public/data/thumb-dark/graphic-loading.webp differ
diff --git a/public/data/thumb/graphic-loading.png
b/public/data/thumb/graphic-loading.png
new file mode 100644
index 0000000..b379d2e
Binary files /dev/null and b/public/data/thumb/graphic-loading.png differ
diff --git a/public/data/thumb/graphic-loading.webp
b/public/data/thumb/graphic-loading.webp
new file mode 100644
index 0000000..115de22
Binary files /dev/null and b/public/data/thumb/graphic-loading.webp differ
diff --git a/public/examples/ts/graphic-loading.ts
b/public/examples/ts/graphic-loading.ts
new file mode 100644
index 0000000..cc7c6c2
--- /dev/null
+++ b/public/examples/ts/graphic-loading.ts
@@ -0,0 +1,50 @@
+/*
+title: Customized Loading Animation
+category: graphic
+titleCN: 加载动画
+difficulty: 6
+videoStart: 1000
+videoEnd: 3400
+shotWidth: 400
+*/
+option = {
+ graphic: {
+ elements: [
+ {
+ type: 'group',
+ left: 'center',
+ top: 'center',
+ children: new Array(7).fill(0).map((val, i) => ({
+ type: 'rect',
+ x: i * 20,
+ shape: {
+ x: 0,
+ y: -40,
+ width: 10,
+ height: 80
+ },
+ style: {
+ fill: '#5470c6'
+ },
+ keyframeAnimation: {
+ duration: 1000,
+ delay: i * 200,
+ loop: true,
+ keyframes: [
+ {
+ percent: 0.5,
+ scaleY: 0.3,
+ easing: 'cubicIn'
+ },
+ {
+ percent: 1,
+ scaleY: 1,
+ easing: 'cubicOut'
+ }
+ ]
+ }
+ }))
+ }
+ ]
+ }
+};
diff --git a/src/data/chart-list-data.js b/src/data/chart-list-data.js
index 0dece49..74198d1 100644
--- a/src/data/chart-list-data.js
+++ b/src/data/chart-list-data.js
@@ -1792,6 +1792,17 @@ export default [
},
{
"category": [
+ "graphic"
+ ],
+ "id": "graphic-loading",
+ "ts": true,
+ "tags": [],
+ "title": "Customized Loading Animation",
+ "titleCN": "加载动画",
+ "difficulty": 6
+ },
+ {
+ "category": [
"line"
],
"id": "line-markline",
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org
