zoukankan      html  css  js  c++  java
  • 解决 swiper设置loop为true时,echarts图表不显示

    问题描述:swiper设置loop为true时,echarts图表不显示。

    原因:被复制的div中没有复制canvas;

    更加详细的说法是,swiper在轮询的时候会把第一个和最后一个元素在复制一遍,一边在轮播的时候感觉是无缝在轮播。(自己写过轮播,就会知道为啥造成这个问题)

    解决方法:

    function drawArealine() {
        let option = option = {...};
      //把第一个最后一个id换成class。这样就让被swiper复制的元素也获取上了 const bar1
    = document.getElementsByClassName('situation');
      //然后进行循环,让被复制和复制的两个就添加上相容的图表,这样就解决swiper设置loop为true时,echarts图表不显示的问题啦
    for (let i = 0; i < bar1.length; i++) { const element = bar1[i]; if (element.innerHTML === "") { echarts.init(element).setOption(option) } } }
  • 相关阅读:
    Python反射函数
    类之特性
    ThinkPHP框架基础知识一
    smarty变量调节器与函数
    smarty模板及其应用
    php……流程
    php......权限管理
    php......文件上传
    php......注册审核
    php......留言板
  • 原文地址:https://www.cnblogs.com/enhengenhengNymph/p/14172595.html
Copyright © 2011-2022 走看看