H5 EChart 左右滑动加载实践

最新推荐文章于 2025-05-26 15:33:53 发布

原创

最新推荐文章于 2025-05-26 15:33:53 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

H5 EChart 左右滑动加载实践

快速实现一个支持左右滑动的EChart h5 实践：

滑动前：

滑动后：

源码：

<template>
<div class="box1">
  <div class="wrap">
    <ul id="echart_box">
      <li v-for="(item, index) in loadData" :key="index" :id="`echart_dom${index+1}`">加载中...</li>
    </ul>
  </div>
</div>
</template>

<script>
import echarts from 'echarts'
export default {
  data() {
    return