Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

折线图 图例问题 #180

Open
yongduodou opened this issue May 31, 2024 · 1 comment
Open

折线图 图例问题 #180

yongduodou opened this issue May 31, 2024 · 1 comment

Comments

@yongduodou
Copy link

{
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
},
confine: true,
},
grid: {
top: '30%',
right: '3%',
left: '15%',
bottom: '17%',
},
legend: {
type: 'scroll',
textStyle: {
color: '#000000',
fontSize: 12,
},
icon: 'circle',
itemGap: 12,
itemWidth: 9,
data: [
'人员进站',
'人流量统计',
'边界入侵',
'劳保穿戴',
'灭火器',
'安全帽',
'人员离岗',
'抽烟',
'行人检测',
],
},
xAxis: [
{
type: 'category',
data: [],
boundaryGap: false, //x轴顶头显示
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.12)',
},
},
axisLabel: {
margin: 10,
color: '#000000',
},
},
],
yAxis: [
{
name: '条',
boundaryGap: ['0%', '12%'],
nameTextStyle: {
verticalAlign: 'middle',
align: 'right',
},
axisLabel: {
formatter: '{value}',
color: '#000000',
},
axisLine: {
show: false,
lineStyle: {
color: '#000000',
},
},
splitLine: {
lineStyle: {
color: 'rgba(0, 0, 0, 0.15)',
},
},
},
],
dataZoom: [
{
type: 'inside',
throttle: 50,
},
],
series: [],
}

这是我的折线图 配置信息,react native 应用中 图例配置 type: 'scroll' 之后,图例显示后就隐藏了,不配置scroll 反而没事,但是我需要 scroll ,请问这种应该怎么解决呢
image

@Chandankkrr
Copy link

Facing the same issue on Android, when the legend type is set to scroll, the legend disappears

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants