page2Char3Schema.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /*
  2. * @LastEditors: gcz
  3. */
  4. import themeColor from "./color"
  5. let page6Char1Schema = {
  6. title: {
  7. text: '树种株数统计',
  8. textStyle: {
  9. color: themeColor.mainColor,
  10. },
  11. show: false
  12. },
  13. grid: {
  14. containLabel: true,
  15. top: "30px",
  16. left: '10px',
  17. bottom: '20px',
  18. right: '24px'
  19. },
  20. tooltip: {
  21. trigger: 'axis',
  22. axisPointer: {
  23. type: 'shadow'
  24. }
  25. },
  26. legend: {
  27. top: '0',
  28. textStyle: {
  29. color: '#fff',
  30. }
  31. },
  32. yAxis: {
  33. type: 'value',
  34. axisLabel: {
  35. color: "rgba(255, 255, 255, 1)"
  36. }
  37. },
  38. xAxis: {
  39. type: 'category',
  40. data: ['马纳存', '三星存', '两家存', '龙子田', '腊寨存', '大黑土', '小黑土'],
  41. axisLabel: {
  42. color: "rgba(255, 255, 255, 1)"
  43. }
  44. },
  45. dataZoom: [
  46. {
  47. xAxisIndex: 0, //这里是从X轴的0刻度开始
  48. show: true, //是否显示滑动条,不影响使用
  49. type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
  50. startValue: 0, // 从头开始。
  51. endValue: 7, // 一次性展示6个
  52. height: 5, //组件高度
  53. bottom: '10px',
  54. borderColor: 'transparent',
  55. fillerColor: '#14c6d3',
  56. zoomLock: true,
  57. showDataShadow: false, //是否显示数据阴影 默认auto
  58. backgroundColor: '#0b1511',
  59. showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
  60. realtime: true, //是否实时更新
  61. filterMode: 'filter',
  62. handleIcon: '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',
  63. handleStyle: {
  64. color: '#14c6d3',
  65. borderColor: 'transparent',
  66. borderRadius: 10
  67. },
  68. moveHandleSize: 20,
  69. moveOnMouseMove: true,
  70. maxValueSpan: 7,
  71. minValueSpan: 7,
  72. moveHandleSize: 0,
  73. brushSelect: false, //刷选功能,设为false可以防止拖动条长度改变 ************(这是一个坑)
  74. },
  75. ],
  76. series: [
  77. {
  78. name: '病虫害',
  79. type: 'bar',
  80. stack: 'total',
  81. label: {
  82. show: false
  83. },
  84. emphasis: {
  85. focus: 'series'
  86. },
  87. data: [1, 1, 1, 2, 2, 1, 0]
  88. },
  89. {
  90. name: '乱砍乱伐',
  91. type: 'bar',
  92. stack: 'total',
  93. label: {
  94. show: false
  95. },
  96. emphasis: {
  97. focus: 'series'
  98. },
  99. data: [1, 8, 8, 2, 6, 9, 9]
  100. },
  101. {
  102. name: '火灾',
  103. type: 'bar',
  104. stack: 'total',
  105. label: {
  106. show: false
  107. },
  108. emphasis: {
  109. focus: 'series'
  110. },
  111. data: [8, 1, 1, 6, 2, 0, 1]
  112. }
  113. ]
  114. }
  115. export default page6Char1Schema