This is an automated email from the ASF dual-hosted git repository.
wangzx 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 76069ce4 fix examples for progress gauge and speed gauge are
unexpectedly switched, resolves apache/echarts#21474
76069ce4 is described below
commit 76069ce46691388f22494d1368d5e7c6182f6600
Author: plainheart <[email protected]>
AuthorDate: Thu Jan 15 18:20:44 2026 +0800
fix examples for progress gauge and speed gauge are unexpectedly switched,
resolves apache/echarts#21474
---
package-lock.json | 6 +--
public/data/thumb/gauge-progress.png | Bin 32131 -> 31964 bytes
public/data/thumb/gauge-progress.webp | Bin 4702 -> 5756 bytes
public/data/thumb/gauge-speed.png | Bin 31964 -> 32131 bytes
public/data/thumb/gauge-speed.webp | Bin 5756 -> 4702 bytes
public/examples/ts/gauge-progress.ts | 67 ++++++++--------------------------
public/examples/ts/gauge-speed.ts | 67 ++++++++++++++++++++++++++--------
7 files changed, 70 insertions(+), 70 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 27d8c637..d0967379 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3056,9 +3056,9 @@
}
},
"node_modules/caniuse-lite": {
- "version": "1.0.30001755",
- "resolved":
"https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001755.tgz";,
- "integrity":
"sha512-44V+Jm6ctPj7R52Na4TLi3Zri4dWUljJd+RDm+j8LtNCc/ihLCT+X1TzoOAkRETEWqjuLnh9581Tl80FvK7jVA==",
+ "version": "1.0.30001764",
+ "resolved":
"https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001764.tgz";,
+ "integrity":
"sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g==",
"dev": true,
"funding": [
{
diff --git a/public/data/thumb/gauge-progress.png
b/public/data/thumb/gauge-progress.png
index 014952f7..aed158b6 100644
Binary files a/public/data/thumb/gauge-progress.png and
b/public/data/thumb/gauge-progress.png differ
diff --git a/public/data/thumb/gauge-progress.webp
b/public/data/thumb/gauge-progress.webp
index 3654792f..cc44f43b 100644
Binary files a/public/data/thumb/gauge-progress.webp and
b/public/data/thumb/gauge-progress.webp differ
diff --git a/public/data/thumb/gauge-speed.png
b/public/data/thumb/gauge-speed.png
index aed158b6..014952f7 100644
Binary files a/public/data/thumb/gauge-speed.png and
b/public/data/thumb/gauge-speed.png differ
diff --git a/public/data/thumb/gauge-speed.webp
b/public/data/thumb/gauge-speed.webp
index cc44f43b..3654792f 100644
Binary files a/public/data/thumb/gauge-speed.webp and
b/public/data/thumb/gauge-speed.webp differ
diff --git a/public/examples/ts/gauge-progress.ts
b/public/examples/ts/gauge-progress.ts
index b09a591c..02b87b85 100644
--- a/public/examples/ts/gauge-progress.ts
+++ b/public/examples/ts/gauge-progress.ts
@@ -10,86 +10,49 @@ option = {
series: [
{
type: 'gauge',
- startAngle: 180,
- endAngle: 0,
- min: 0,
- max: 240,
- splitNumber: 12,
- itemStyle: {
- color: '#58D9F9',
- shadowColor: 'rgba(0,138,255,0.45)',
- shadowBlur: 10,
- shadowOffsetX: 2,
- shadowOffsetY: 2
- },
progress: {
show: true,
- roundCap: true,
width: 18
},
- pointer: {
- icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999
C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956
L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212
2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014
2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014
2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412
2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956
C2088.32396,616.194028 2089. [...]
- length: '75%',
- width: 16,
- offsetCenter: [0, '5%']
- },
axisLine: {
- roundCap: true,
lineStyle: {
width: 18
}
},
axisTick: {
- splitNumber: 2,
- lineStyle: {
- width: 2,
- color: '#999'
- }
+ show: false
},
splitLine: {
- length: 12,
+ length: 15,
lineStyle: {
- width: 3,
+ width: 2,
color: '#999'
}
},
axisLabel: {
- distance: 30,
+ distance: 25,
color: '#999',
fontSize: 20
},
+ anchor: {
+ show: true,
+ showAbove: true,
+ size: 25,
+ itemStyle: {
+ borderWidth: 10
+ }
+ },
title: {
show: false
},
detail: {
- backgroundColor: '#fff',
- borderColor: '#999',
- borderWidth: 2,
- width: '60%',
- lineHeight: 40,
- height: 40,
- borderRadius: 8,
- offsetCenter: [0, '35%'],
valueAnimation: true,
- formatter: function (value) {
- return '{value|' + value.toFixed(0) + '}{unit|km/h}';
- },
- rich: {
- value: {
- fontSize: 50,
- fontWeight: 'bolder',
- color: '#777'
- },
- unit: {
- fontSize: 20,
- color: '#999',
- padding: [0, 0, -20, 10]
- }
- }
+ fontSize: 80,
+ offsetCenter: [0, '70%']
},
data: [
{
- value: 100
+ value: 70
}
]
}
diff --git a/public/examples/ts/gauge-speed.ts
b/public/examples/ts/gauge-speed.ts
index 9334d8cf..e71bc6d9 100644
--- a/public/examples/ts/gauge-speed.ts
+++ b/public/examples/ts/gauge-speed.ts
@@ -9,49 +9,86 @@ option = {
series: [
{
type: 'gauge',
+ startAngle: 180,
+ endAngle: 0,
+ min: 0,
+ max: 240,
+ splitNumber: 12,
+ itemStyle: {
+ color: '#58D9F9',
+ shadowColor: 'rgba(0,138,255,0.45)',
+ shadowBlur: 10,
+ shadowOffsetX: 2,
+ shadowOffsetY: 2
+ },
progress: {
show: true,
+ roundCap: true,
width: 18
},
+ pointer: {
+ icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999
C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956
L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212
2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014
2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014
2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412
2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956
C2088.32396,616.194028 2089. [...]
+ length: '75%',
+ width: 16,
+ offsetCenter: [0, '5%']
+ },
axisLine: {
+ roundCap: true,
lineStyle: {
width: 18
}
},
axisTick: {
- show: false
+ splitNumber: 2,
+ lineStyle: {
+ width: 2,
+ color: '#999'
+ }
},
splitLine: {
- length: 15,
+ length: 12,
lineStyle: {
- width: 2,
+ width: 3,
color: '#999'
}
},
axisLabel: {
- distance: 25,
+ distance: 30,
color: '#999',
fontSize: 20
},
- anchor: {
- show: true,
- showAbove: true,
- size: 25,
- itemStyle: {
- borderWidth: 10
- }
- },
title: {
show: false
},
detail: {
+ backgroundColor: '#fff',
+ borderColor: '#999',
+ borderWidth: 2,
+ width: '60%',
+ lineHeight: 40,
+ height: 40,
+ borderRadius: 8,
+ offsetCenter: [0, '35%'],
valueAnimation: true,
- fontSize: 80,
- offsetCenter: [0, '70%']
+ formatter: function (value) {
+ return '{value|' + value.toFixed(0) + '}{unit|km/h}';
+ },
+ rich: {
+ value: {
+ fontSize: 50,
+ fontWeight: 'bolder',
+ color: '#777'
+ },
+ unit: {
+ fontSize: 20,
+ color: '#999',
+ padding: [0, 0, -20, 10]
+ }
+ }
},
data: [
{
- value: 70
+ value: 100
}
]
}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
