123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- import { __extends } from "tslib";
- import DataZoomModel from './DataZoomModel.js';
- import { inheritDefaultOption } from '../../util/component.js';
- var SliderZoomModel = function (_super) {
- __extends(SliderZoomModel, _super);
- function SliderZoomModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = SliderZoomModel.type;
- return _this;
- }
- SliderZoomModel.type = 'dataZoom.slider';
- SliderZoomModel.layoutMode = 'box';
- SliderZoomModel.defaultOption = inheritDefaultOption(DataZoomModel.defaultOption, {
- show: true,
-
- right: 'ph',
- top: 'ph',
- width: 'ph',
- height: 'ph',
- left: null,
- bottom: null,
- borderColor: '#d2dbee',
- borderRadius: 3,
- backgroundColor: 'rgba(47,69,84,0)',
-
- dataBackground: {
- lineStyle: {
- color: '#d2dbee',
- width: 0.5
- },
- areaStyle: {
- color: '#d2dbee',
- opacity: 0.2
- }
- },
- selectedDataBackground: {
- lineStyle: {
- color: '#8fb0f7',
- width: 0.5
- },
- areaStyle: {
- color: '#8fb0f7',
- opacity: 0.2
- }
- },
-
- fillerColor: 'rgba(135,175,274,0.2)',
- handleIcon: 'path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z',
-
- handleSize: '100%',
- handleStyle: {
- color: '#fff',
- borderColor: '#ACB8D1'
- },
- moveHandleSize: 7,
- moveHandleIcon: 'path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z',
- moveHandleStyle: {
- color: '#D2DBEE',
- opacity: 0.7
- },
- showDetail: true,
- showDataShadow: 'auto',
- realtime: true,
- zoomLock: false,
- textStyle: {
- color: '#6E7079'
- },
- brushSelect: true,
- brushStyle: {
- color: 'rgba(135,175,274,0.15)'
- },
- emphasis: {
- handleStyle: {
- borderColor: '#8FB0F7'
- },
- moveHandleStyle: {
- color: '#8FB0F7'
- }
- }
- });
- return SliderZoomModel;
- }(DataZoomModel);
- export default SliderZoomModel;
|