Echarts中手柄样式更改

最新推荐文章于 2024-05-11 21:19:51 发布

ᥬ 小月亮

最新推荐文章于 2024-05-11 21:19:51 发布

阅读量174

点赞数 3

文章标签： echarts javascript linux

本文链接：https://blog.csdn.net/Y1914960928/article/details/136944900

版权

代码：

dataZoom: [
      {
        start: 0,
        end: 100,
        left: 100,
        bottom: 0,
        right: 140,
        backgroundColor: 'yellow',
        borderRadius: 15,
        borderColor: 'green',
        dataBackground: {
          lineStyle: {
            width: 0
          },
          areaStyle: {
            color: 'black',
            opacity: 1,
          }
        },
        selectedDataBackground: {
          lineStyle: {
            width: 0
          },
          areaStyle: {
            color: 'blue',
            opacity: 1
          }
        },
        fillerColor: 'rgba(100,200,200, 0.1)',
        brushSelect: false,
        handleStyle: { /* 手柄的样式 */
          color: '#fff',
          borderWidth: 3,
          borderColor: 'red'
        },
        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 M26.8,35.8 h-1.3H27L27.8,35.8L25.8,35.8z'
      },
    ]