echart datazoom Configuration

dataZoom = [// area zoom
{
ID: 'dataZoomX',
Show: to true, // whether the display assembly. If set to false, not shown, there are data filtering function.
backgroundColor: "rgba (47,69,84,0)" , the background color // component
type: 'slider', // slider indicates sliding blocks, inside the built-in represented
dataBackground: {// shading pattern data.
lineStyle: mylineStyle, // shadows line style
areaStyle: myareaStyle, // shaded fill style
},
fillerColor: "RGBA (167,183,204,0.4)", // fill color of the selected range.
borderColor: "# ddd", // border color.
filterMode: 'filter', // ' filter': the current data outside the data window, are filtered out. I.e., the range of data affects other axes. Each data item, as long as a dimension outside the data window, the entire data item will be filtered out.
// 'weakFilter': the current data outside the data window, are filtered out. I.e., the range of data affects other axes. Each data item only when all dimensions in the ipsilateral external data window, the entire data item will be filtered out.
// 'empty': data outside the current window of data, is set to null. I.e. the data does not affect the scope of the other axes.
// 'none':
xAxisIndex: 0, // x-axis is provided dataZoom-inside control assembly, can be represented by an array of a plurality of axes
yAxisIndex: [0,2], // sets the y-axis dataZoom-inside of the control assembly, can be represented by an array of a plurality of axes
radiusAxisIndex: 3, // disposed shaft dataZoom-inside radius of the control assembly, can be represented by an array of a plurality of axes
angleAxisIndex: [0,2], // set dataZoom-inside shaft angle control component, can be represented by an array of a plurality of axes
start: 30, // initial percentage data window range,% represents 30
end: 70, end // percentage data window range,% represents 70
of startValue: 10, // data window starting value range
endValue: 100, // end of numerical data window range.
orient: "horizontal", // layout is horizontal or vertical. Not only is the layout, for the orthogonal coordinate system, also determines, by default, or the control axes transverse the longitudinal axes. 'horizontal': level. 'vertical': vertical.
zoomLock: false, // select whether to lock the size of the area (or called a data window) is. If set to true then select the size of the locked region, that is, only the translation, can not zoom.
throttle: 100, // set the trigger frequency refresh the view. Milliseconds (ms).
zoomOnMouseWheel: true, // how to trigger scaling. Optional values are: true: Indicates that failure of any function keys, mouse wheel zoom trigger. false: represents the mouse wheel zoom can not be triggered. 'shift': means to hold down shift and mouse wheel can trigger zooming. 'ctrl': means to hold down ctrl and the mouse wheel can trigger zooming. 'alt': means to hold down alt and the mouse wheel can trigger zooming.
moveOnMouseMove: true, // how to trigger the data window pan. true: Indicates that failure of any function keys, mouse movements can trigger window data translation. false: represents the mouse wheel zoom can not be triggered. 'shift': means to hold down shift and mouse movements can trigger window data translation. 'ctrl': means to hold down ctrl and mouse movements can trigger window data translation. 'alt': means to hold down alt and mouse movements can trigger window data translation.
left: "center", // assembly away from the left side of the container, 'left', 'Center', 'right', '% 20 is'
Top: "Top", // the distance from the upper side of the container assembly,' top ',' Middle ',' bottom ','% 20 is '
right: "Auto", the distance from the right // container assembly, '20%'
bottom: "Auto", // assembly from the lower container from the side, % '20 '

},
{
ID:' dataZoomY ',
type:' Inside ',
filterMode: 'empty',
Disabled: false, // whether to stop the functional components.
xAxisIndex: 0, // x-axis is provided dataZoom-inside control assembly, it can be represented by an array of a plurality of axes
yAxisIndex: [0,2], // sets the y-axis dataZoom-inside of the control assembly, it can be represented by an array of a plurality of axes
radiusAxisIndex: 3, // disposed shaft dataZoom-inside radius of the control assembly, can be represented by an array of a plurality of axes
angleAxisIndex: [0,2], // set dataZoom-inside shaft angle control component, can be represented by an array of a plurality of axes
start: 30, // initial percentage data window range,% represents 30
End: 70, // end window range of percentages,% represents 70
of startValue: 10, // data window starting value range
endValue: 100, the end of the data window // numerical range.
orient: "horizontal", // layout is horizontal or vertical. Not only is the layout, for the orthogonal coordinate system, also determines, by default, or the control axes transverse the longitudinal axes. 'horizontal': level. 'vertical': vertical.
zoomLock: false, // select whether to lock the size of the area (or called a data window) is. If set to true then select the size of the locked region, that is, only the translation, can not zoom.
throttle: 100, // set the trigger frequency refresh the view. Milliseconds (ms).
zoomOnMouseWheel: true, // how to trigger scaling. Optional values are: true: Indicates that failure of any function keys, mouse wheel zoom trigger. false: represents the mouse wheel zoom can not be triggered. 'shift': means to hold down shift and mouse wheel can trigger zooming. 'ctrl': means to hold down ctrl and the mouse wheel can trigger zooming. 'alt'
moveOnMouseMove: true, // how to trigger the data window pan. true: Indicates that failure of any function keys, mouse movements can trigger window data translation. false: represents the mouse wheel zoom can not be triggered. 'shift': means to hold down shift and mouse movements can trigger window data translation. 'ctrl': means to hold down ctrl and mouse movements can trigger window data translation. 'alt': means to hold down alt and mouse movements can trigger window data translation.
}
]

Guess you like

Origin blog.csdn.net/mxk4869/article/details/94546069