echarts mobile,echarts常用组件,echarts datazoom高度,echarts datazoom位置,echarts配置项手册下载,echarts移动端 触摸
ECharts是一款基于Javascript的开源可视化图表库，dataZoom是其提供的一种数据缩放功能，可以对数据进行滚动、拖拽等操作，dataZoomSlider则是用来呈现dataZoom的缩略图和手柄的组件。手柄样式即为手柄的外观样式，包括颜色、大小、形状等。

例如，以下代码配置了一个dataZoomSlider组件，并设置了手柄样式为圆形，颜色为红色：

javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}],
dataZoom: {
show: true,
start: 30,
end: 70
},
dataZoomSlider: {
show: true,
handleSize: 16,
handleStyle: {
color: 'red',
borderWidth: 0,
borderRadius: 8
}
}
};


其中，handleSize表示手柄的大小，handleStyle表示手柄的样式，包括颜色、边框宽度和边角半径。在上述样例中， handleStyle 的 borderWidth 设置为 0 ，使得手柄没有边框； borderRadius 设置为 8 ，使得手柄呈圆形。