fix:overview 布局完成、单个组件开发进行中

2020-03-17 18:27:46 +08:00
parent 21b2fc2ce9
commit cf28cc73f8
4 changed files with 342 additions and 0 deletions
--- a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
@@ -0,0 +1,82 @@
+<script>
+    import chartDataFormat from "../../../charts/chartDataFormat";
+    const commonOption={
+      title:{
+        show:false,
+      },
+      color: this.bgColorList,
+      tooltip: {
+        trigger: 'axis',
+        confine:false,
+        extraCssText:'z-index:1000;',
+        // formatter:null,
+        // position:null,
+      },
+      grid: {
+        top: 13,
+        left: 0,
+        right: 30,
+        containLabel: true,
+        bottom:35,//156
+      },
+      dataZoom: [{
+        type: 'slider',
+        show:true,
+        xAxisIndex: [0],
+        start: 0,
+        end: 100,
+        height:25,
+        bottom:10,//96
+        left:40,
+        right:48,
+      }],
+      xAxis: {
+        type: 'time',
+        // boundaryGap: false,//line-false; bar-true;
+        axisLabel: {
+          intervale: 0,
+          rotate: 0,
+          formatter: function (value) {
+            var t_date = new Date(value);
+            return [t_date.getFullYear(), t_date.getMonth() + 1, t_date.getDate()].join('-') + "\n"
+              + [t_date.getHours(), t_date.getMinutes()].join(':');
+          }
+        },
+        axisPointer: {//y轴上显示指针对应的值
+          show: true,
+        },
+        splitLine:{
+          show:false
+        }
+      },
+      yAxis: {
+        type: 'value',
+        splitLine:{
+          show:true
+        },
+        axisLabel: {
+          // formatter:null,
+        },
+      },
+      useUTC: false,//使用本地时间
+      series: [],
+    }
+
+    export default {
+      getCommonOption:function(){
+        return commonOption;
+      },
+      setTooltipPostion:function(positionFunc){
+        commonOption.tooltip.position=positionFunc;
+      },
+      setTooltipFormatter:function(formatFunc){
+        commonOption.tooltip.formatter=formatFunc;
+      },
+      setYAxisLabelFormatter:function(formatFunc){
+        commonOption.yAxis.axisLabel.formatter=formatFunc;
+      },
+      setSeries:function(series){
+        commonOption.series=series;
+      }
+    }
+</script>