ECharts底部拖动滑块dataZoom

最新推荐文章于 2024-05-17 11:40:43 发布

迪亚若叶风

最新推荐文章于 2024-05-17 11:40:43 发布

阅读量659

点赞数

文章标签： echarts vue.js

本文链接：https://blog.csdn.net/smdjk33/article/details/128826301

版权

        dataZoom: [
          {
            show: true,
            height: 12,
            xAxisIndex: [0],
            bottom: "8%",
            start: 70,
            end: 100,
            handleIcon:
              "path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z",
            handleSize: "110%",
            handleStyle: {
              color: "#d3dee5",
            },
            textStyle: false,
            borderColor: "#90979c",
          },
          {
            type: "inside",
            show: true,
            height: 15,
            start: 1,
            end: 35,
          },
        ],

textStyle: false,是将滑块两端的x轴数据消失，textStyle: #fff,显示