echart图表拉杆的配置

dataZoom:[
    //id: 'dataZoomX',
    type: 'slider',//inside 滚轮触发  slider 滑动条
    // xAxisIndex: [0],//控制第一个 xAxis  【这里如果有多个xAxis】
    handleSize:20,//滑动条的 左右2个滑动条的大小
    //left:'',
    handleColor:'rgb(30,182,219)',//h滑动图标的颜色
    fillerColor:new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
        //给颜色设置渐变色 前面4个参数,给第一个设置1,第四个设置0 ,就是水平渐变
        //给第一个设置0,第四个设置1,就是垂直渐变
        offset: 0,
        color: 'red'
    }, {
        offset: 1,
        color: 'blue'
    }]),
    backgroundColor:'#ddd',//两边未选中的滑动条区域的颜色
    height:10,//组件高度
    showDataShadow:false,//是否显示数据阴影 默认auto
    showDetail:false,//即拖拽时候是否显示详细数值信息 默认true
    handleIcon:'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
    filterMode: 'filter'
]

官方文档

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

水痕01

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值