SliderZoomModel.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. var DataZoomModel = require("./DataZoomModel");
  2. var SliderZoomModel = DataZoomModel.extend({
  3. type: 'dataZoom.slider',
  4. layoutMode: 'box',
  5. /**
  6. * @protected
  7. */
  8. defaultOption: {
  9. show: true,
  10. // ph => placeholder. Using placehoder here because
  11. // deault value can only be drived in view stage.
  12. right: 'ph',
  13. // Default align to grid rect.
  14. top: 'ph',
  15. // Default align to grid rect.
  16. width: 'ph',
  17. // Default align to grid rect.
  18. height: 'ph',
  19. // Default align to grid rect.
  20. left: null,
  21. // Default align to grid rect.
  22. bottom: null,
  23. // Default align to grid rect.
  24. backgroundColor: 'rgba(47,69,84,0)',
  25. // Background of slider zoom component.
  26. // dataBackgroundColor: '#ddd', // Background coor of data shadow and border of box,
  27. // highest priority, remain for compatibility of
  28. // previous version, but not recommended any more.
  29. dataBackground: {
  30. lineStyle: {
  31. color: '#2f4554',
  32. width: 0.5,
  33. opacity: 0.3
  34. },
  35. areaStyle: {
  36. color: 'rgba(47,69,84,0.3)',
  37. opacity: 0.3
  38. }
  39. },
  40. borderColor: '#ddd',
  41. // border color of the box. For compatibility,
  42. // if dataBackgroundColor is set, borderColor
  43. // is ignored.
  44. fillerColor: 'rgba(167,183,204,0.4)',
  45. // Color of selected area.
  46. // handleColor: 'rgba(89,170,216,0.95)', // Color of handle.
  47. // 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',
  48. 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',
  49. // Percent of the slider height
  50. handleSize: '100%',
  51. handleStyle: {
  52. color: '#a7b7cc'
  53. },
  54. labelPrecision: null,
  55. labelFormatter: null,
  56. showDetail: true,
  57. showDataShadow: 'auto',
  58. // Default auto decision.
  59. realtime: true,
  60. zoomLock: false,
  61. // Whether disable zoom.
  62. textStyle: {
  63. color: '#333'
  64. }
  65. }
  66. });
  67. var _default = SliderZoomModel;
  68. module.exports = _default;