apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.63k stars 19.61k forks source link

页面无缝滚动时,图表无法显示。 #9619

Closed waiaan closed 3 years ago

waiaan commented 5 years ago

General Questions

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息:

Issue Type

Issue Details

做一个无缝滚屏的页面,用了第三方jq插件superslide

Expected Behavior

页面滚动时显示图表

Current Behavior

页面能滚动,但是只显示一张图表,其它克隆元素里的图表显示不出来。

Online Example

<head>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@4.2.0-rc.2/dist/echarts.js"></script>
<script src="jquery.SuperSlide.2.1.3.js"></script>
<style>
    #app{
      height:500px;
      width:500px;
    }
</style>
</head>
<body>
  <div id="main">
    <div id="app">

    </div>
  </div>
  <script>
    var option = {
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
      }]
    };

    var myChart=echarts.init(document.getElementById('app'));
    myChart.setOption(option);
    $('body').slide({ mainCell: "#main", autoPlay: true, effect: "topMarquee", vis: 1, interTime: 50, trigger: "click" });
  </script>
</body>

Topics

Anything Else We Need to Know

Environment

谢谢!

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

github-actions[bot] commented 3 years ago

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!