看板图表样式；人员报验补充查询条件；

2025-07-01 14:07:38 +08:00
parent 94eea2512d
commit 037888ef1f
24 changed files with 707 additions and 229 deletions
@@ -395,6 +395,35 @@
                show: true
            },
            tooltip: {},
+            dataZoom: [
+                {
+                    type: 'slider',
+                    // start: 0,
+                    // end: 60
+                    maxValueSpan: 6,
+                    show: true,
+                    xAxisIndex: [0],
+                    bottom: 0, height: 10,
+                    backgroundColor: 'rgba(0,0,0,0)',
+                    borderColor: 'none',
+                    brushSelect: false,
+                    textStyle: {
+                        color: 'rgba(0,0,0,0)'
+                    },
+                    selectedDataBackground: {
+                        areaStyle: {
+                            color: 'red',
+                            borderWidth: 0
+                        }
+                    },
+                    handleStyle: {  // 缩放手柄的样式
+                        color: "#0a1449"
+                    },
+                    moveHandleStyle: {
+                        color: '#0a1449'
+                    }
+                }
+            ],
            legend: {
                left: '10%',
                show: true,
@@ -418,6 +447,7 @@
                        color: 'rgba(255, 255, 255, 0.8)'
                    },
                    interval: 0,
+                    rotate: -15,
                    formatter: function (value) {
                        var ret = "";//拼接加\n返回的类目项  
                        var maxLength = num;//每项显示文字个数  
@@ -467,7 +497,7 @@
                top: '20%',
                left: '0%',
                right: '0%',
-                bottom: '0%',
+                bottom: 40,
                containLabel: true,
                backgroundColor: 'rgba(0,162,233, 0.01)',
                // borderColor: 'rgba(0,162,233, 1)'
@@ -527,6 +557,35 @@
                //data: ['销量'],
                show: false
            },
+            dataZoom: [
+                {
+                    type: 'slider',
+                    // start: 0,
+                    // end: 60
+                    maxValueSpan: 6,
+                    show: true,
+                    xAxisIndex: [0],
+                    bottom: 0, height: 10,
+                    backgroundColor: 'rgba(0,0,0,0)',
+                    borderColor: 'none',
+                    brushSelect: false,
+                    textStyle: {
+                        color: 'rgba(0,0,0,0)'
+                    },
+                    selectedDataBackground: {
+                        areaStyle: {
+                            color: 'red',
+                            borderWidth: 0
+                        }
+                    },
+                    handleStyle: {  // 缩放手柄的样式
+                        color: "#0a1449"
+                    },
+                    moveHandleStyle: {
+                        color: '#0a1449'
+                    }
+                }
+            ],
            xAxis: {
                axisTick: {
                    show: false
@@ -536,7 +595,10 @@
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                },
+         
                axisLabel: {
+                    interval: 0,      // 坐标轴刻度标签的显示间隔
+                    rotate: -15,        // 标签倾斜的角度
                    show: true,
                    textStyle: {
                        color: 'rgba(255, 255, 255, 0.8)'
@@ -593,7 +655,7 @@
                top: '25%',
                left: '0%',
                right: '0%',
-                bottom: '0%',
+                bottom: 40,
                containLabel: true,
                backgroundColor: 'rgba(0,162,233, 0.01)',
                // borderColor: 'rgba(0,162,233, 1)'