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.

Sign up for GitHub

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

Jump to bottom

如果类型为cat，则存在缩放效果异常抖动情况 #342

Closed
iamllitog opened this issue Sep 25, 2018 · 0 comments
Closed

如果类型为cat，则存在缩放效果异常抖动情况 #342

iamllitog opened this issue Sep 25, 2018 · 0 comments
Assignees
@simaQ
Labels
enhancement
Milestone
3.3

Comments

@iamllitog
Copy link

iamllitog commented Sep 25, 2018 •
edited
Loading

  • F2 Version:f2@3.2.3-beta.3

  • Platform:Android

  • Mini Showcase(like screenshots):
    image

  • CodePen Link:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="chart-name" content="基础柱状图">
    <title>F2 图表组件库 - AntV</title>
    <link rel="stylesheet" href="https://gw.alipayobjects.com/os/rmsportal/YmDAMEQVbLJpVbKiRQVX.css" />

</head>
<body>
<script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script>

<script src="./f2-all.min.js"></script>

  <div class="chart-wrapper">
    <canvas id="mountNode"></canvas>
  </div>
  <script>
var data = [{
  year: '1951 年',
  sales: 38
}, {
  year: '1952 年',
  sales: 52
}, {
  year: '1956 年',
  sales: 61
}, {
  year: '1957 年',
  sales: 145
}, {
  year: '1958 年',
  sales: 48
}, {
  year: '1959 年',
  sales: 38
}, {
  year: '1960 年',
  sales: 38
}, {
  year: '1962 年',
  sales: 38
}];
var chart = new F2.Chart({
  id: 'mountNode',
  pixelRatio: window.devicePixelRatio
});

chart.source(data, {
  sales: {
    tickCount: 5
  }
});
chart.tooltip({
  showItemMarker: false,
  onShow: function onShow(ev) {
    var items = ev.items;
    items[0].name = null;
    items[0].name = items[0].title;
    items[0].value = '¥ ' + items[0].value;
  }
});
chart.interval().position('year*sales');

chart.scrollBar({
  mode: 'x',
  xStyle: {
    backgroundColor: '#e8e8e8',
    fillerColor: '#808080',
    offsetY: -2
  }
});
chart.interaction('pan', {
  limitRange: {
    x: {
      min: -100,
      max: 100
    }
  }
});
chart.interaction('pinch', {
  maxScale: 5,
  minScale: 1
});

chart.render();
</script>


</body>
</html>

如果类型为cat，则手机上存在缩放效果异常抖动情况，双指向中间平移不能缩放到最大并产生来回抖动
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@simaQ simaQ

Labels
enhancement
Projects
None yet
Milestone
3.3
Development

No branches or pull requests
2 participants
@simaQ @iamllitog