This is an automated email from the ASF dual-hosted git repository.
sushuang pushed a commit to branch enhance-examples
in repository https://gitbox.apache.org/repos/asf/echarts-examples.git
commit eea3c7f127d5c80dfdf38a54b0c91aa1b9b8261f
Author: 100pah <sushuang0...@gmail.com>
AuthorDate: Sun Aug 10 21:11:19 2025 +0800
Add thumbnail component example.
---
public/examples/ts/graph-npm.ts | 12 +++++++++++-
public/examples/ts/graph-webkit-dep.ts | 17 ++++++++++++++++-
2 files changed, 27 insertions(+), 2 deletions(-)
diff --git a/public/examples/ts/graph-npm.ts b/public/examples/ts/graph-npm.ts
index 0cc22910..586fd6c3 100644
--- a/public/examples/ts/graph-npm.ts
+++ b/public/examples/ts/graph-npm.ts
@@ -62,13 +62,23 @@ $.getJSON(
}
},
roam: true,
+ roamTrigger: 'global',
lineStyle: {
width: 0.5,
curveness: 0.3,
opacity: 0.7
}
}
- ]
+ ],
+ thumbnail: {
+ width: '20%',
+ height: '20%',
+ windowStyle: {
+ color: 'rgba(140, 212, 250, 0.5)',
+ borderColor: 'rgba(30, 64, 175, 0.7)',
+ opacity: 1,
+ }
+ }
}),
true
);
diff --git a/public/examples/ts/graph-webkit-dep.ts
b/public/examples/ts/graph-webkit-dep.ts
index cf8a1ace..1cc33514 100644
--- a/public/examples/ts/graph-webkit-dep.ts
+++ b/public/examples/ts/graph-webkit-dep.ts
@@ -21,6 +21,12 @@ $.get(ROOT_PATH + '/data/asset/data/webkit-dep.json',
function (webkitDep) {
type: 'graph',
layout: 'force',
animation: false,
+ roam: true,
+ roamTrigger: 'global',
+ scaleLimit: {
+ max: 8,
+ min: 0.5
+ },
label: {
position: 'right',
formatter: '{b}'
@@ -38,7 +44,16 @@ $.get(ROOT_PATH + '/data/asset/data/webkit-dep.json',
function (webkitDep) {
},
edges: webkitDep.links
}
- ]
+ ],
+ thumbnail: {
+ width: '15%',
+ height: '15%',
+ windowStyle: {
+ color: 'rgba(140, 212, 250, 0.5)',
+ borderColor: 'rgba(30, 64, 175, 0.7)',
+ opacity: 1,
+ }
+ }
};
myChart.setOption(option);
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org
