您的当前位置:首页正文

echarts datazoom databackground设为圆角

2022-02-17 来源:好走旅游网
echarts datazoom databackground设为圆角

要将echarts中的dataZoom组件的databackground设置为圆角,需要使用echarts的option配置项中的dataZoom属性,并在dataZoom属性中设置databackground的borderRadius属性。

示例如下: ```

option = { dataZoom: [ {

type: 'slider', ...

dataBackground: { lineStyle: {

color: 'rgba(0, 0, 0, 0.2)', width: 1, type: 'solid',

borderRadius: 6 // 设置圆角为6 } }, ... } ], ... }; ```

在示例代码中,通过设置dataBackground的lineStyle属性中

的borderRadius为6,即可将databackground设置为圆角效果。可以根据需求修改borderRadius的值来调整圆角的大小。

因篇幅问题不能全部显示,请点此查看更多更全内容