echarts
Version:
A powerful charting and visualization library for browser
71 lines (58 loc) • 2.16 kB
JavaScript
/**
* @file Data zoom model
*/
define(function(require) {
var DataZoomModel = require('./DataZoomModel');
var layout = require('../../util/layout');
var zrUtil = require('zrender/core/util');
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 of data shadow.
fillerColor: 'rgba(47,69,84,0.25)', // Color of selected area.
handleColor: 'rgba(47,69,84,0.65)', // Color of handle.
handleSize: 10,
labelPrecision: null,
labelFormatter: null,
showDetail: true,
showDataShadow: 'auto', // Default auto decision.
realtime: true,
zoomLock: false, // Whether disable zoom.
textStyle: {
color: '#333'
}
},
/**
* @public
*/
setDefaultLayoutParams: function (params) {
var option = this.option;
zrUtil.each(['right', 'top', 'width', 'height'], function (name) {
if (option[name] === 'ph') {
option[name] = params[name];
};
});
},
/**
* @override
*/
mergeOption: function (option) {
SliderZoomModel.superApply(this, 'mergeOption', arguments);
}
});
return SliderZoomModel;
});