echarts [Bug] 线状图使用标签引导线,会出现斜的引导线

c9qzyr3d  于 2023-02-04  发布在  Echarts
关注(0)|答案(4)|浏览(277)

Version

5.2.2

No response

Steps to Reproduce

Current Behavior

无法弄成垂直的引导线

Expected Behavior

应该是直的引导线

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

4ioopgfo

4ioopgfo1#

@L3gacy03 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

TITLE

[Bug] Line charts use labeled leader lines, and oblique guide lines appear

BODY

Version

5.2.2

No response

Steps to Reproduce

Current Behavior

It is not possible to make a vertical guide line

Expected Behavior

It should be a straight guide line

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

hc2pp10m

hc2pp10m2#

没有复现出来,请提供一个在线的例子

yrefmtwq

yrefmtwq4#

option = {
title: {
text: 'Stacked Area Chart'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
},
toolbox: {
feature: {
saveAsImage: {}
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: 'Email',
type: 'line',
stack: 'Total',
areaStyle: {},
emphasis: {
focus: 'series'
},
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: 'Union Ads',
type: 'line',
stack: 'Total',
areaStyle: {},
emphasis: {
focus: 'series'
},
data: [220, 182, 191, 234, 290, 330, 310]
},
{
name: 'Video Ads',
type: 'line',
stack: 'Total',
areaStyle: {},
emphasis: {
focus: 'series'
},
data: [150, 232, 201, 154, 190, 330, 410]
},
{
name: 'Direct',
type: 'line',
stack: 'Total',
areaStyle: {},
emphasis: {
focus: 'series'
},
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name: 'Search Engine',
type: 'line',
stack: 'Total',
label: {
show: true,
position: 'top',
distance: 20
},
labelLine: {
show: true
},
areaStyle: {},
emphasis: {
focus: 'series'
},
data: [820, 932, 901, 934, 1290, 1330, 1320]
}
]
};

相关问题