echarts横向滚动_ECharts滑动条型数据区域缩放组件（dataZoomSlider）

dataZoom[i]-slider

滑动条型数据区域缩放组件(dataZoomSlider)

dataZoom[i]-slider.type   |   string

[ default: 'slider' ]

滑动条型数据区域缩放组件的类型。

dataZoom[i]-slider.show   |   boolean

[ default: true ]

是否显示 dataZoomSlider 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。

dataZoom[i]-slider.backgroundColor   |   Color

[ default: 'rgba(47,69,84,0)' ]

设置 dataZoomSlider 组件的背景颜色。

dataZoom[i]-slider.dataBackground   |   Object

dataZoom[i]-slider.fillerColor   |   Color

[ default: 'rgba(167,183,204,0.4)' ]

dataZoomSlider 组件中选中范围的填充颜色。

dataZoom[i]-slider.borderColor   |   Color

[ default: '#ddd' ]

设置 dataZoomSlider 组件的边框颜色。

dataZoom[i]-slider.handleIcon   |   string

手柄的 icon 形状，支持路径字符串，默认为：'M8.2,13.6V3.9H6.3v9.7H3.1v14.9h3.3v9.7h1.8v-9.7h3.3V13.6H8.2z M9.7,24.4H4.8v-1.4h4.9V24.4z M9.7,19.1H4.8v-1.4h4.9V19.1z'

可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

dataZoom[i]-slider.handleSize   |   number

[ default: '100%' ]

控制手柄的尺寸，可以是像素大小，也可以是相对于 dataZoom 组件宽度的百分比，默认跟 dataZoom 宽度相同。

dataZoom[i]-slider.handleStyle   |   Object

ECharts 滑动条型数据区域缩放组件中手柄的样式配置，见 示例 area-simple。

dataZoom[i]-slider.labelPrecision   |   number

[ default: 'auto' ]

显示 label 的小数精度。默认根据数据自动决定。

dataZoom[i]-slider.labelFormatter   |   string, Function

[ default: null ]

显示的 label 的格式化器。如果为 string，表示模板，例如：aaaa{value}bbbb，其中{value}会被替换为实际的数值。

如果为 Function，表示回调函数，例如：/** * @param {*} value 如果 axis.type 为 'category'，则 `value` 为 axis.data 的 index。 * 否则 `value` 是当前值。 * @param {strign} valueStr 内部格式化的结果。 * @return {string} 返回最终的label内容。 */labelFormatter: function (value) {

return 'aaa' + value + 'bbb';

}

dataZoom[i]-slider.showDetail   |   boolean

[ default: true ]

是否显示 detail，即拖拽时候显示详细数值信息。

dataZoom[i]-slider.showDataShadow   |   string

[ default: 'auto' ]

是否在 dataZoom-silder 组件中显示数据阴影。数据阴影可以简单地反应数据走势。

dataZoom[i]-slider.realtime   |   boolean

[ default: true ]

拖动时，是否实时更新系列的视图。如果设置为 false，则只在拖拽结束的时候更新。