| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- var DataZoomModel = require("./DataZoomModel");
- var SliderZoomModel = DataZoomModel.extend({
- type: 'dataZoom.slider',
- layoutMode: 'box',
- /**
- * @protected
- */
- defaultOption: {
- show: true,
- // ph => placeholder. Using placehoder here because
- // deault value can only be drived in view stage.
- right: 'ph',
- // Default align to grid rect.
- top: 'ph',
- // Default align to grid rect.
- width: 'ph',
- // Default align to grid rect.
- height: 'ph',
- // Default align to grid rect.
- left: null,
- // Default align to grid rect.
- bottom: null,
- // Default align to grid rect.
- backgroundColor: 'rgba(47,69,84,0)',
- // Background of slider zoom component.
- // dataBackgroundColor: '#ddd', // Background coor of data shadow and border of box,
- // highest priority, remain for compatibility of
- // previous version, but not recommended any more.
- dataBackground: {
- lineStyle: {
- color: '#2f4554',
- width: 0.5,
- opacity: 0.3
- },
- areaStyle: {
- color: 'rgba(47,69,84,0.3)',
- opacity: 0.3
- }
- },
- borderColor: '#ddd',
- // border color of the box. For compatibility,
- // if dataBackgroundColor is set, borderColor
- // is ignored.
- fillerColor: 'rgba(167,183,204,0.4)',
- // Color of selected area.
- // handleColor: 'rgba(89,170,216,0.95)', // Color of handle.
- // handleIcon: 'path://M4.9,17.8c0-1.4,4.5-10.5,5.5-12.4c0-0.1,0.6-1.1,0.9-1.1c0.4,0,0.9,1,0.9,1.1c1.1,2.2,5.4,11,5.4,12.4v17.8c0,1.5-0.6,2.1-1.3,2.1H6.1c-0.7,0-1.3-0.6-1.3-2.1V17.8z',
- handleIcon: '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',
- // Percent of the slider height
- handleSize: '100%',
- handleStyle: {
- color: '#a7b7cc'
- },
- labelPrecision: null,
- labelFormatter: null,
- showDetail: true,
- showDataShadow: 'auto',
- // Default auto decision.
- realtime: true,
- zoomLock: false,
- // Whether disable zoom.
- textStyle: {
- color: '#333'
- }
- }
- });
- var _default = SliderZoomModel;
- module.exports = _default;
|