html - 在移动设备上拖动图表时,Angular highcharts 滚动不起作用
问题描述
我在我的 Angular 8 项目中使用基本线 Highcharts。当我尝试在 iPhone 上使用该系统时,我无法将页面滚动到图表所在的区域。图表阻止页面滚动工作。例如,当图表覆盖整个屏幕时,这非常烦人,因为在这种情况下无法滚动页面。
我正在添加我的 TS 函数的代码
chartOptions = {
title: {
text: 'Your Net Worth'
},
yAxis: {
title: {
text: 'Money in GBP'
}
},
legend: {
align: 'center',
verticalAlign: 'bottom',
x: 0,
y: 0
},
credits: {
enabled: false,
},
plotOptions: {
series: {
label: {
connectorAllowed: false
},
pointStart: 2020
}
},
series: [
{
name: 'Net Worth',
color: '#00b300',
data: [latest_networth_for_chart]
}
, {
name: 'Age group (domestic) (coming soon)',
color: '#ff0000',
data: [0, 0, 0, 0, 0, 0, 0, 0],
visible: false
}, {
name: 'Age group (expats) (coming soon)',
color: '#0000b3',
data: [0, 0, 0, 0, 0, 0, 0, 0],
visible: false
},
{
name: 'Others in your industry (coming soon)',
color: '#0000b3',
data: [0, 0, 0, 0, 0, 0, 0, 0],
visible: false
},
{
name: 'Peer group (coming soon)',
color: '#0000b3',
data: [0, 0, 0, 0, 0, 0, 0, 0],
visible: false
},
{
name: 'Global average (coming soon)',
color: '#0000b3',
data: [0, 0, 0, 0, 0, 0, 0, 0],
visible: false
},
{
name: 'This time last year (coming soon)',
color: '#0000b3',
data: [0, 0, 0, 0, 0, 0, 0, 0],
visible: false
},
],
responsive: {
rules: [{
condition: {
maxWidth: 540
},
chartOptions: {
legend: {
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom',
enabled: false
}
}
}]
}
}
}
我对我的代码做了什么错误的事情吗?问候,法兹。
解决方案
推荐阅读
- node.js - 在 QNAP NAS 上静态部署 VueJS (Vue-CLI) SPA
- javascript - 将文件加载到 blob 中以压缩和上传
- kubernetes - .net core 2.2 ConnectAsync 抛出 No such device or address 异常
- css - 使用 IOS 或其他移动设备单击元素时,SVG 图像未更改。在 PC / Mac 上运行良好
- typescript - vuex 懒加载数据
- c++ - 在 OpenGL 中以阻塞方式渲染纹理(视频),因此我收到的视频帧在渲染时不会被新帧替换
- laravel - 在 Laravel 中为图像添加水印
- c# - 如何从下到上对列数据进行排序
- javascript - 按下退格键或删除按钮时如何删除整个超链接?
- javascript - 使用 fs.readFileSync 读取文件并将其与包含多行的字符串模板进行比较时出错