jonsploder opened a new issue, #16846:
URL: https://github.com/apache/echarts/issues/16846
### Version
5.1.2
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
Select options;
```
{
animation: false,
title: {
text: total,
textStyle: {
fontSize: 28,
},
subtextStyle: {
fontSize: 18
},
textAlign: 'center',
subtext: 'Total',
left: '24%',
top: '36%'
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: '50%',
top: 'middle',
icon: 'circle',
selectedMode: false,
align: 'left',
formatter: name => {
const value = this._data.filter(row => row.name === name)[0].value;
if (value > 100) {
return `${value}\n${name}`;
}
return `${value} ${name}`;
},
textStyle: {
fontSize: 18,
// lineHeight: 24
},
itemGap: 20
},
color: ['#8AAD70', '#D7A675', '#A38874'],
series: [
{
type: 'pie',
center: ['25%', '50%'],
radius: ['60%', '85%'],
avoidLabelOverlap: true,
data: this._data,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
itemStyle: {
normal: {
label: {
show: false,
},
},
}
}
]
};
```
### Current Behavior
I have a pie chart which is selectable on iOS which makes it impossible to
scroll if the user clicks on the chart. E.g. having a finger on the screen
trying to scroll the page down is snatched up by echarts.
### Expected Behavior
I would like to make the chart not interactable - just a static image, no
clicking into it so a user can scroll down normally.
### Environment
```markdown
- OS: iOS15.3.1
- Browser: safari
- Framework: angular
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
