echarts中dataZoom样式自定义

dataZoom: [
  {
    type: "slider",
    show: true,
    zoomLock: true,
    orient: "vertical",
    filterMode: "none",
    right: "2%",
    start:100,
    end: 60,
    width: 10,
    textStyle: {
      color: "#FFF",
      fontSize: 9,
    },
    fillerColor: "rgba(21, 220, 247, 1)",
    brushSelect: false,
    handleIcon:
      "path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z", // 画一个圆形
    handleSize: "100%",
    handleStyle: {
      color: "rgba(21, 220, 247, 1)",
      borderWidth: 0,
    },
    backgroundColor: "rgba(38, 108, 252, 0.1)", //两边未选中的滑动条区域的颜色

    borderColor: "transparent",
    filterMode: "filter",
  },
],