Version
5.0.0
Link to Minimal Reproduction
no
Steps to Reproduce
option = {
series: [
{
type: "gauge",
detail: {
formatter: "{value}%"
},
min:0,
max: 1000,
startAngle: 225,
endAngle: -135,
splitLine: {
show: false
},
markLine: {
data: [{
// 添加标记线的数值范围或目标值
value: 60,
lineStyle: {
color: 'red',
width: 2,
type: 'solid'
},
label: {
show: true,
position: 'start',
formatter: '标记线'
}
}]
},
axisTick: {
show: false
},
axisLabel: {
show: false
},
axisLine: {
lineStyle: {
width: 60,
color: [
[0.31, '#FF0401'],
[0.52, '#E6A23C'],
[0.58, '#67C23A'],
[0.75, '#00A3FF'],
]
}
},
data: [{
value: 50,
name: "Percent",
detail: {
show: true
}
}],
}]
}
Current Behavior
no
Expected Behavior
no
Environment
- OS:
- Browser:
- Framework:Any additional comments?
No response
3条答案
按热度按时间n53p2ov01#
@XuKen It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
BODY
Version
5.0.0
Link to Minimal Reproduction
no
Steps to Reproduce
option = {
series: [
{
type: "gauge",
details: {
formatter: "{value}%"
},
min:0,
max: 1000,
startAngle: 225,
endAngle: -135,
splitLine: {
show: false
},
markLine: {
data: [{
// Add the value range or target value of the marker line
value: 60,
lineStyle: {
color: 'red',
width: 2,
type: 'solid'
},
label: {
show: true,
position: 'start',
formatter: 'marker line'
}
}]
},
axisTick: {
show: false
},
axisLabel: {
show: false
},
axisLine: {
lineStyle: {
width: 60,
color: [
[0.31, '#FF0401'],
[0.52, '#E6A23C'],
[0.58, '#67C23A'],
[0.75, '#00A3FF'],
]
}
},
data: [{
value: 50,
name: "Percent",
details: {
show: true
}
}],
}]
}
Current Behavior
no
Expected Behavior
no
Environment
Any additional comments?
No response
x8goxv8g2#
Yes, markLine does not work with gauge yet.
Take a look at @willonf 's workaround in #16262 .
szqfcxe23#
@helgasoft is this going to be taken any time soon ?