[GitHub] [incubator-echarts] pangafu opened a new issue #11032: 页面整体缩放后，echarts的鼠标会很不正常

Fri, 16 Aug 2019 00:02:58 -0700 

pangafu opened a new issue #11032: 页面整体缩放后，echarts的鼠标会很不正常
URL: https://github.com/apache/incubator-echarts/issues/11032
 
 
   ### Version
   4.2.1
   
   ### Steps to reproduce
   <!DOCTYPE html>
   <html style="height: 100%">
      <head>
          <meta charset="utf-8">
      </head>
      <body style="height: 100%; margin: 0; zoom:0.5">
          <div id="container" style="height: 100%"></div>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js";></script>
          <script type="text/javascript" 
src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js";></script>
          <script type="text/javascript" 
src="http://echarts.baidu.com/gallery/vendors/simplex.js";></script>
          <script type="text/javascript">
   var dom = document.getElementById("container");
   var myChart = echarts.init(dom);
   var app = {};
   option = null;
   option = {
       title: {
           text: '折线图堆叠'
       },
       tooltip: {
           trigger: 'axis'
       },
       legend: {
           data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
       },
       grid: {
           left: '3%',
           right: '4%',
           bottom: '3%',
           containLabel: true
       },
       toolbox: {
           feature: {
               saveAsImage: {}
           }
       },
       xAxis: {
           type: 'category',
           boundaryGap: false,
           data: ['周一','周二','周三','周四','周五','周六','周日']
       },
       yAxis: {
           type: 'value'
       },
       series: [
           {
               name:'邮件营销',
               type:'line',
               stack: '总量',
               data:[120, 132, 101, 134, 90, 230, 210]
           },
           {
               name:'联盟广告',
               type:'line',
               stack: '总量',
               data:[220, 182, 191, 234, 290, 330, 310]
           },
           {
               name:'视频广告',
               type:'line',
               stack: '总量',
               data:[150, 232, 201, 154, 190, 330, 410]
           },
           {
               name:'直接访问',
               type:'line',
               stack: '总量',
               data:[320, 332, 301, 334, 390, 330, 320]
           },
           {
               name:'搜索引擎',
               type:'line',
               stack: '总量',
               data:[820, 932, 901, 934, 1290, 1330, 1320]
           }
       ]
   };
   ;
   if (option && typeof option === "object") {
       myChart.setOption(option, true);
   }
          </script>
      </body>
   </html>
   
   ### What is expected?
   请注意body中的style属性，zoom:0.5
   希望页面整体缩放后，当鼠标移到echarts上后，鼠标指示的是真实的echarts图像位置
   
   ### What is actually happening?
   页面整体缩放后，当鼠标移到echarts上后，会发现鼠标指针和实际echarts标示的位置不一致
   
   <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org
For additional commands, e-mail: dev-h...@echarts.apache.org

Reply via email to