VisActor
[Bug] 飞书小程序滚动条无法滚动
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:iphone 13mini
- Browser:
- Framework:
Any additional comments?
No response
