forge_admin/forge-report-ui/1775987319162.json

{
  "editCanvasConfig": {
    "projectName": "i",
    "width": 1920,
    "height": 1080,
    "filterShow": false,
    "hueRotate": 0,
    "saturate": 1,
    "contrast": 1,
    "brightness": 1,
    "opacity": 1,
    "rotateZ": 0,
    "rotateX": 0,
    "rotateY": 0,
    "skewX": 0,
    "skewY": 0,
    "blendMode": "normal",
    "background": null,
    "backgroundImage": null,
    "selectColor": true,
    "chartThemeColor": "dark",
    "chartCustomThemeColorInfo": null,
    "chartThemeSetting": {
      "title": {
        "show": true,
        "textStyle": {
          "color": "#BFBFBF",
          "fontSize": 18
        },
        "subtextStyle": {
          "color": "#A2A2A2",
          "fontSize": 14
        }
      },
      "xAxis": {
        "show": true,
        "name": "",
        "nameGap": 15,
        "nameTextStyle": {
          "color": "#B9B8CE",
          "fontSize": 12
        },
        "inverse": false,
        "axisLabel": {
          "show": true,
          "fontSize": 12,
          "color": "#B9B8CE",
          "rotate": 0
        },
        "position": "bottom",
        "axisLine": {
          "show": true,
          "lineStyle": {
            "color": "#B9B8CE",
            "width": 1
          },
          "onZero": true
        },
        "axisTick": {
          "show": true,
          "length": 5
        },
        "splitLine": {
          "show": false,
          "lineStyle": {
            "color": "#484753",
            "width": 1,
            "type": "solid"
          }
        }
      },
      "yAxis": {
        "show": true,
        "name": "",
        "nameGap": 15,
        "nameTextStyle": {
          "color": "#B9B8CE",
          "fontSize": 12
        },
        "inverse": false,
        "axisLabel": {
          "show": true,
          "fontSize": 12,
          "color": "#B9B8CE",
          "rotate": 0
        },
        "position": "left",
        "axisLine": {
          "show": true,
          "lineStyle": {
            "color": "#B9B8CE",
            "width": 1
          },
          "onZero": true
        },
        "axisTick": {
          "show": true,
          "length": 5
        },
        "splitLine": {
          "show": true,
          "lineStyle": {
            "color": "#484753",
            "width": 1,
            "type": "solid"
          }
        }
      },
      "legend": {
        "show": true,
        "type": "scroll",
        "x": "center",
        "y": "top",
        "icon": "circle",
        "orient": "horizontal",
        "textStyle": {
          "color": "#B9B8CE",
          "fontSize": 18
        },
        "itemHeight": 15,
        "itemWidth": 15,
        "pageTextStyle": {
          "color": "#B9B8CE"
        }
      },
      "grid": {
        "show": false,
        "left": "10%",
        "top": "60",
        "right": "10%",
        "bottom": "60"
      },
      "dataset": null,
      "renderer": "svg"
    },
    "vChartThemeName": "vScreenVolcanoBlue",
    "previewScaleType": "fit"
  },
  "componentList": [
    {
      "id": "id_45n94i9c8r0000",
      "isGroup": false,
      "attr": {
        "x": -4,
        "y": 6,
        "w": 500,
        "h": 300,
        "offsetX": 0,
        "offsetY": 0,
        "zIndex": -1
      },
      "styles": {
        "filterShow": false,
        "hueRotate": 0,
        "saturate": 1,
        "contrast": 1,
        "brightness": 1,
        "opacity": 1,
        "rotateZ": 0,
        "rotateX": 0,
        "rotateY": 0,
        "skewX": 0,
        "skewY": 0,
        "blendMode": "normal",
        "animations": []
      },
      "preview": {
        "overFlowHidden": false
      },
      "status": {
        "lock": false,
        "hide": false
      },
      "request": {
        "requestDataType": 0,
        "requestHttpType": "get",
        "requestUrl": "",
        "requestInterval": null,
        "requestIntervalUnit": "second",
        "requestContentType": 0,
        "requestParamsBodyType": "none",
        "requestSQLContent": {
          "sql": "select * from  where"
        },
        "requestParams": {
          "Body": {
            "form-data": {},
            "x-www-form-urlencoded": {},
            "json": "",
            "xml": ""
          },
          "Header": {},
          "Params": {}
        }
      },
      "filter": null,
      "events": {
        "baseEvent": {
          "click": null,
          "dblclick": null,
          "mouseenter": null,
          "mouseleave": null
        },
        "advancedEvents": {
          "vnodeMounted": null,
          "vnodeBeforeMount": null
        },
        "interactEvents": []
      },
      "key": "CapsuleChart",
      "chartConfig": {
        "key": "CapsuleChart",
        "chartKey": "VCapsuleChart",
        "conKey": "VCCapsuleChart",
        "title": "胶囊柱图",
        "category": "Bars",
        "categoryName": "柱状图",
        "package": "Charts",
        "chartFrame": "common",
        "image": "capsule.png"
      },
      "option": {
        "dataset": {
          "dimensions": [
            "name",
            "value"
          ],
          "source": [
            {
              "name": "厦门",
              "value": 20
            },
            {
              "name": "南阳",
              "value": 40
            },
            {
              "name": "北京",
              "value": 60
            },
            {
              "name": "上海",
              "value": 80
            },
            {
              "name": "新疆",
              "value": 100
            }
          ]
        },
        "colors": [
          "#c4ebad",
          "#6be6c1",
          "#a0a7e6",
          "#96dee8",
          "#3fb1e3"
        ],
        "unit": "",
        "itemHeight": 10,
        "valueFontSize": 16,
        "paddingRight": 50,
        "paddingLeft": 50,
        "showValue": true
      }
    },
    {
      "id": "id_22fixxmefotc00",
      "isGroup": false,
      "attr": {
        "x": 505,
        "y": 3,
        "w": 500,
        "h": 300,
        "offsetX": 0,
        "offsetY": 0,
        "zIndex": -1
      },
      "styles": {
        "filterShow": false,
        "hueRotate": 0,
        "saturate": 1,
        "contrast": 1,
        "brightness": 1,
        "opacity": 1,
        "rotateZ": 0,
        "rotateX": 0,
        "rotateY": 0,
        "skewX": 0,
        "skewY": 0,
        "blendMode": "normal",
        "animations": []
      },
      "preview": {
        "overFlowHidden": false
      },
      "status": {
        "lock": false,
        "hide": false
      },
      "request": {
        "requestDataType": 0,
        "requestHttpType": "get",
        "requestUrl": "",
        "requestInterval": null,
        "requestIntervalUnit": "second",
        "requestContentType": 0,
        "requestParamsBodyType": "none",
        "requestSQLContent": {
          "sql": "select * from  where"
        },
        "requestParams": {
          "Body": {
            "form-data": {},
            "x-www-form-urlencoded": {},
            "json": "",
            "xml": ""
          },
          "Header": {},
          "Params": {}
        }
      },
      "filter": null,
      "events": {
        "baseEvent": {
          "click": null,
          "dblclick": null,
          "mouseenter": null,
          "mouseleave": null
        },
        "advancedEvents": {
          "vnodeMounted": null,
          "vnodeBeforeMount": null
        },
        "interactEvents": []
      },
      "key": "LineGradients",
      "chartConfig": {
        "key": "LineGradients",
        "chartKey": "VLineGradients",
        "conKey": "VCLineGradients",
        "title": "双折线渐变面积图",
        "category": "Lines",
        "categoryName": "折线图",
        "package": "Charts",
        "chartFrame": "echarts",
        "image": "line_gradient.png"
      },
      "option": {
        "legend": {
          "show": true,
          "type": "scroll",
          "x": "center",
          "y": "top",
          "icon": "circle",
          "orient": "horizontal",
          "textStyle": {
            "color": "#B9B8CE",
            "fontSize": 18
          },
          "itemHeight": 15,
          "itemWidth": 15,
          "pageTextStyle": {
            "color": "#B9B8CE"
          }
        },
        "xAxis": {
          "show": true,
          "name": "",
          "nameGap": 15,
          "nameTextStyle": {
            "color": "#B9B8CE",
            "fontSize": 12
          },
          "inverse": false,
          "axisLabel": {
            "show": true,
            "fontSize": 12,
            "color": "#B9B8CE",
            "rotate": 0
          },
          "position": "bottom",
          "axisLine": {
            "show": true,
            "lineStyle": {
              "color": "#B9B8CE",
              "width": 1
            },
            "onZero": true
          },
          "axisTick": {
            "show": true,
            "length": 5
          },
          "splitLine": {
            "show": false,
            "lineStyle": {
              "color": "#484753",
              "width": 1,
              "type": "solid"
            }
          },
          "type": "category"
        },
        "yAxis": {
          "show": true,
          "name": "",
          "nameGap": 15,
          "nameTextStyle": {
            "color": "#B9B8CE",
            "fontSize": 12
          },
          "inverse": false,
          "axisLabel": {
            "show": true,
            "fontSize": 12,
            "color": "#B9B8CE",
            "rotate": 0
          },
          "position": "left",
          "axisLine": {
            "show": true,
            "lineStyle": {
              "color": "#B9B8CE",
              "width": 1
            },
            "onZero": true
          },
          "axisTick": {
            "show": true,
            "length": 5
          },
          "splitLine": {
            "show": true,
            "lineStyle": {
              "color": "#484753",
              "width": 1,
              "type": "solid"
            }
          },
          "type": "value"
        },
        "grid": {
          "show": false,
          "left": "10%",
          "top": "60",
          "right": "10%",
          "bottom": "60"
        },
        "tooltip": {
          "show": true,
          "trigger": "axis",
          "axisPointer": {
            "type": "line"
          }
        },
        "dataset": {
          "dimensions": [
            "product",
            "data1",
            "data2"
          ],
          "source": [
            {
              "product": "Mon",
              "data1": 120,
              "data2": 130
            },
            {
              "product": "Tue",
              "data1": 200,
              "data2": 130
            },
            {
              "product": "Wed",
              "data1": 150,
              "data2": 312
            },
            {
              "product": "Thu",
              "data1": 80,
              "data2": 268
            },
            {
              "product": "Fri",
              "data1": 70,
              "data2": 155
            },
            {
              "product": "Sat",
              "data1": 110,
              "data2": 117
            },
            {
              "product": "Sun",
              "data1": 130,
              "data2": 160
            }
          ]
        },
        "series": [
          {
            "type": "line",
            "smooth": false,
            "symbolSize": 5,
            "label": {
              "show": true,
              "position": "top",
              "color": "#fff",
              "fontSize": 12
            },
            "lineStyle": {
              "width": 3,
              "type": "solid"
            },
            "areaStyle": {
              "opacity": 0.8,
              "color": {
                "colorStops": [
                  {
                    "offset": 0,
                    "color": "rgba(73, 146, 255, 0.5)"
                  },
                  {
                    "offset": 1,
                    "color": "rgba(0,0,0, 0)"
                  }
                ],
                "x": 0,
                "y": 0,
                "x2": 0,
                "y2": 1,
                "type": "linear",
                "global": false
              }
            }
          },
          {
            "type": "line",
            "smooth": false,
            "label": {
              "show": true,
              "position": "top",
              "color": "#fff",
              "fontSize": 12
            },
            "lineStyle": {
              "width": 3,
              "type": "solid"
            },
            "areaStyle": {
              "opacity": 0.8,
              "color": {
                "colorStops": [
                  {
                    "offset": 0,
                    "color": "rgba(124, 255, 178, 0.5)"
                  },
                  {
                    "offset": 1,
                    "color": "rgba(0,0,0, 0)"
                  }
                ],
                "x": 0,
                "y": 0,
                "x2": 0,
                "y2": 1,
                "type": "linear",
                "global": false
              }
            }
          }
        ],
        "backgroundColor": "rgba(0,0,0,0)"
      }
    }
  ],
  "requestGlobalConfig": {
    "requestDataPond": [],
    "requestOriginUrl": "",
    "requestInterval": 30,
    "requestIntervalUnit": "second",
    "requestParams": {
      "Body": {
        "form-data": {},
        "x-www-form-urlencoded": {},
        "json": "",
        "xml": ""
      },
      "Header": {},
      "Params": {}
    }
  }
}