Echarts 修改 dataZoom 区域缩放组件样式

2021-03-24  本文已影响0人  疯泽清

 dataZoom: [

          {

            type: 'slider',

            show: true,

            height: '5%',

            bottom: '2%',

            borderColor: '#8FDFFE',

            backgroundColor: '#8fdffe99',

            // 拖拽手柄样式 svg 路径

            handleIcon: 'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',

            handleColor: '#8FDFFE',

            handleSize: 20,

            handleStyle: {

              borderColor: '#8FDFFE',

              shadowBlur: 4,

              shadowOffsetX: 1,

              shadowOffsetY: 1,

              shadowColor: '#e5e5e5'

            },

            start: 0,

            end: 100

          }

]

上一篇 下一篇

猜你喜欢

热点阅读