美文网首页
Echarts 修改 dataZoom 区域缩放组件样式

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

作者: 疯泽清 | 来源:发表于2021-03-24 14:27 被阅读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

              }

    ]

    相关文章

      网友评论

          本文标题:Echarts 修改 dataZoom 区域缩放组件样式

          本文链接:https://www.haomeiwen.com/subject/frchhltx.html