echarts柱状图轮播（datazoom方法）

最新推荐文章于 2024-03-15 17:35:33 发布

VIP文章 zyj12138

最新推荐文章于 2024-03-15 17:35:33 发布

阅读量8.9k

点赞数

分类专栏： echarts

本文链接：https://blog.csdn.net/zyj12138/article/details/107099771

版权

在网上看到的挺多方法都踩坑，于是自己写的分享出来，技术为react hooks
我们先定义一下起点和终点数值（不理解的同学可以先去看一下datazoom的demo实例）
let zoomstart
let zoomend
let space;

  function options(space,y,serdata){
   
    let time = setInterval(() => {
   
      setbarOption({
   
        xAxis: {
   
          type: 'value',
          name: '单位：头',
          position: 'right',
          axisLine:{
   
            lineStyle: {
   
              type: 'solid',
              color: 'rgba(247,255,62,1)',//左边线的颜色
              width:'1'//坐标线的宽度
            }
          },
          splitLine: {
        //网格线
            "show": false
          },
      },
      tooltip