[Bug] 飞书小程序 common chart 手机真机滚动条无法滚动

Version

1.10.0

Link to Minimal Reproduction

暂无生产链接

Steps to Reproduce

const chart = {
type: 'common',
seriesField: 'color',
color: ['#3370FF', '#34C724', '#FFD200', '#FF8800', '#9F5FFF'],
padding: [24, 0, 16, 0],
data: [
{
id: 'id0',
values: [
{ x: '2022/12/01', type: '早餐', y: 15 },
{ x: '2022/12/01', type: '午餐', y: 25 },
{ x: '2022/12/02', type: '早餐', y: 12 },
{ x: '2022/12/02', type: '午餐', y: 30 },
{ x: '2022/12/03', type: '早餐', y: 15 },
{ x: '2022/12/03', type: '午餐', y: 24 },
{ x: '2022/12/04', type: '早餐', y: 10 },
{ x: '2022/12/04', type: '午餐', y: 25 },
{ x: '2022/12/05', type: '早餐', y: 13 },
{ x: '2022/12/05', type: '午餐', y: 20 },
{ x: '2022/12/06', type: '早餐', y: 10 },
{ x: '2022/12/06', type: '午餐', y: 22 },
{ x: '2022/12/07', type: '早餐', y: 12 },
{ x: '2022/12/07', type: '午餐', y: 19 },
{ x: '2023/01/01', type: '早餐', y: 14 },
{ x: '2023/01/01', type: '午餐', y: 23 },
{ x: '2023/01/02', type: '早餐', y: 34 },
{ x: '2023/01/02', type: '午餐', y: 59 },
{ x: '2023/01/03', type: '早餐', y: 34 },
{ x: '2023/01/03', type: '午餐', y: 59 },
{ x: '2023/01/04', type: '早餐', y: 34 },
{ x: '2023/01/04', type: '午餐', y: 59 },
{ x: '2023/01/05', type: '早餐', y: 34 },
{ x: '2023/01/05', type: '午餐', y: 59 },
{ x: '2023/01/06', type: '早餐', y: 34 },
{ x: '2023/01/06', type: '午餐', y: 59 },
{ x: '2023/01/07', type: '早餐', y: 34 },
{ x: '2023/01/07', type: '午餐', y: 59 },
{ x: '2023/01/08', type: '早餐', y: 34 },
{ x: '2023/01/08', type: '午餐', y: 59 },
{ x: '2023/01/09', type: '早餐', y: 34 },
{ x: '2023/01/09', type: '午餐', y: 59 },
{ x: '2023/01/10', type: '早餐', y: 34 },
{ x: '2023/01/10', type: '午餐', y: 59 },
{ x: '2023/01/11', type: '早餐', y: 34 },
{ x: '2023/01/11', type: '午餐', y: 59 },
{ x: '2023/01/12', type: '早餐', y: 14 },
{ x: '2023/01/12', type: '午餐', y: 19 },
{ x: '2023/01/13', type: '早餐', y: 14 },
{ x: '2023/01/13', type: '午餐', y: 19 },
{ x: '2023/01/14', type: '早餐', y: 14 },
{ x: '2023/01/14', type: '午餐', y: 19 },
{ x: '2023/01/15', type: '早餐', y: 14 },
{ x: '2023/01/15', type: '午餐', y: 19 },
{ x: '2023/01/16', type: '早餐', y: 14 },
{ x: '2023/01/16', type: '午餐', y: 19 },
{ x: '2023/01/17', type: '早餐', y: 14 },
{ x: '2023/01/17', type: '午餐', y: 19 },
{ x: '2023/01/18', type: '早餐', y: 14 },
{ x: '2023/01/18', type: '午餐', y: 19 },
{ x: '2023/01/19', type: '早餐', y: 14 },
{ x: '2023/01/19', type: '午餐', y: 19 },
{ x: '2023/01/20', type: '早餐', y: 14 },
{ x: '2023/01/20', type: '午餐', y: 19 },
{ x: '2023/01/21', type: '早餐', y: 14 },
{ x: '2023/01/21', type: '午餐', y: 19 },
{ x: '2023/01/22', type: '早餐', y: 14 },
{ x: '2023/01/22', type: '午餐', y: 19 },
{ x: '2023/01/23', type: '早餐', y: 14 },
{ x: '2023/01/23', type: '午餐', y: 19 },
{ x: '2023/01/24', type: '早餐', y: 14 },
{ x: '2023/01/24', type: '午餐', y: 19 },
{ x: '2023/01/25', type: '早餐', y: 14 },
{ x: '2023/01/25', type: '午餐', y: 19 },
{ x: '2023/01/26', type: '早餐', y: 14 },
{ x: '2023/01/26', type: '午餐', y: 19 },
{ x: '2023/01/27', type: '早餐', y: 14 },
{ x: '2023/01/27', type: '午餐', y: 19 },
{ x: '2023/01/28', type: '早餐', y: 14 },
{ x: '2023/01/28', type: '午餐', y: 19 },
]
},
{
id: 'id1',
values: [
{ x: '2022/12/01', type: '饮料', y: 22 },
{ x: '2022/12/02', type: '饮料', y: 43 },
{ x: '2022/12/03', type: '饮料', y: 33 },
{ x: '2022/12/04', type: '饮料', y: 22 },
{ x: '2022/12/05', type: '饮料', y: 10 },
{ x: '2022/12/06', type: '饮料', y: 30 },
{ x: '2022/12/07', type: '饮料', y: 50 },
{ x: '2023/01/02', type: '饮料', y: 40 },
{ x: '2023/01/03', type: '饮料', y: 40 },
{ x: '2023/01/04', type: '饮料', y: 23 },
{ x: '2023/01/05', type: '饮料', y: 40 },
{ x: '2023/01/06', type: '饮料', y: 40 },
{ x: '2023/01/07', type: '饮料', y: 40 },
{ x: '2023/01/08', type: '饮料', y: 40 },
{ x: '2023/01/09', type: '饮料', y: 40 },
{ x: '2023/01/10', type: '饮料', y: 40 },
{ x: '2023/01/11', type: '饮料', y: 40 },
{ x: '2023/01/12', type: '饮料', y: 10 },
{ x: '2023/01/13', type: '饮料', y: 10 },
{ x: '2023/01/14', type: '饮料', y: 10 },
{ x: '2023/01/15', type: '饮料', y: 10 },
{ x: '2023/01/16', type: '饮料', y: 10 },
{ x: '2023/01/17', type: '饮料', y: 10 },
{ x: '2023/01/18', type: '饮料', y: 10 },
{ x: '2023/01/19', type: '饮料', y: 10 },
{ x: '2023/01/20', type: '饮料', y: 10 },
{ x: '2023/01/21', type: '饮料', y: 10 },
{ x: '2023/01/22', type: '饮料', y: 10 },
{ x: '2023/01/23', type: '饮料', y: 10 },
{ x: '2023/01/24', type: '饮料', y: 10 },
{ x: '2023/01/25', type: '饮料', y: 10 },
{ x: '2023/01/26', type: '饮料', y: 10 },
{ x: '2023/01/27', type: '饮料', y: 10 },
{ x: '2023/01/28', type: '饮料', y: 10 },
]
}
],
direction: 'vertical',
yField: 'y',
xField: 'x',
series: [
{
type: 'bar',
id: 'bar',
dataIndex: 0,
barWidth: 8,
barMinWidth: 8,
label: { visible: false },
seriesField: 'type',
xField: 'x',
yField: 'y'
},
{
type: 'line',
id: 'line',
dataIndex: 1,
point: { visible: false },
label: { visible: false },
seriesField: 'type',
xField: 'x',
yField: 'y',
stack: false
}
],
axes: [
{
orient: 'left',
seriesIndex: [0],
id: 'axisLeft',
nice: true,
zero: true,
},
{
orient: 'right',
seriesId: ['line'],
gird: { visible: false },
nice: false,
zero: false,
max: 100,
min: 0,
label: {
visible: true,
formatMethod: function (text, datum) {
return text + '%'
},
},
sync: { axisId: 'axisLeft', tickAlign: false }
},
{ orient: 'bottom', label: { visible: true }, type: 'band', padding: [0,0,0,0], autoIndent: true },
],
// 提示
tooltip: {
visible: true,
activeType: ['dimension'],
dimension: {
title: {
visible: true,
},
content: [{
key: datum => {
return datum.type + ': '
},
value: datum => {
return datum.y + '个'
},
hasShape: false
}]
},
style: {
panel: {
border: {
radius: 8
},
shadow: {
x: 0,
y: 10,
blur: 20,
spread: 2,
color: "#eee"
},
backgroundColor: '#fff'
},
shape: {
size: 8
},
keyLabel: {
fontColor: '#1F2329',
textAlign: 'left',
textBaseline: 'bottom',
wordBreak: 'break-all',
},
valueLabel: {
fontColor: '#1F2329',
textAlign: 'right',
wordBreak: 'break-all',
spacing: 1,
textBaseline: 'top',
multiLine: false
},
}
},
legends: {
visible: true,
autoPage: false,
hover: false,
orient: 'bottom',
type: 'discrete',
position: 'middle',
width: '100%',
padding: [12, 0, 0, 0],
data: (items, scale,c, d) => {
return items.map((item) => {
if (item.label == '饮料') {
item.shape.symbolType = 'circle'
}
return item
})
},
item: {
width: 75,
maxWidth: 75,
value: {
alignRight: true,
style: {
zIndex: 100,
}
},
shape: {
visible: true,
style: {
size: 8
}
},
},
},

  scrollBar: [
    {
      orient: 'bottom',
      start: 0,
      end: 0.3,
      padding: [8, 0],
    }
  ],

};
this.setData({
  chart: chart,
})

Current Behavior

飞书小程序滚动条无法滚动

Expected Behavior

飞书小程序滚动条可以滚动

Environment

- OS: ios iPhone13mini

Any additional comments?

No response

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Version

Link to Minimal Reproduction

Steps to Reproduce

Current Behavior

Expected Behavior

Environment

Any additional comments?

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Description

Version

Link to Minimal Reproduction

Steps to Reproduce

Current Behavior

Expected Behavior

Environment

Any additional comments?

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions