echarts 柱状图去掉滚动条默认样式

最新推荐文章于 2024-05-15 11:00:12 发布

饺子啊~

最新推荐文章于 2024-05-15 11:00:12 发布

阅读量1.7k

点赞数

分类专栏： vue 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/anlazyant/article/details/127895588

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

echarts 柱状图，内部可滚动，去掉滚动条默认样式


        dataZoom: [
          {
            type: 'slider',
            xAxisIndex: [0],
            height: 8,
            filterMode: 'empty',
            bottom: 0,
            start: 0,
            end: 50,
            show: true,
            fillerColor: '#e5e5e5', // 滚动条颜色
            borderColor: '#e5e5e5',
            handleSize: 0, // 两边手柄尺寸
            showDetail: false, // 拖拽时是否展示滚动条两侧的文字
            top: '96%',
            dataBackground: {
              lineStyle: {
                opacity: 0,
              },
              areaStyle: {
                opacity: 0,
              },
              selectedDataBackground: {
                lineStyle: {
                  opacity: 0,
                },
                areaStyle: {
                  opacity: 0,
                },
                brushStyle: {
                  borderColor: '#f00',
                },
              },
            },
          },
        ],