仪表盘示例echarts 配置项内容和展示

      option = {
    "dataset": {
    "url":"dbzjgcyx/yy/yysj"
  },
  "backgroundColor": "rgb(0,0,0,1)",
  "title": {
    "text": "仪表盘示例",
    "top": 50,
    "triggerEvent": true,
    "textStyle": {
      "color": "#333",
      "fontSize": 16,
      "fontFamily": "sans-serif",
      "fontStyle": "normal",
      "fontWeight": "normal"
    },
    "textAlign": "center"
  },
  "series": [
    {
    "type": "gauge",
    "name": "半环",
    "startAngle": -90,
    "endAngle": -269.999,
    "min": 0,
    "max": 180,
      "z": 20,
    "radius": "240",
    "splitNumber":6,
    "detail": {"show": false},
    "center": [450, 380],
    "pointer": {
      "show": false
    },
    "axisLine": {
      "lineStyle": {
        "width": 1,
        "color": [
          [1, "#fff"]
        ]
      }
    },
    "axisTick": {
      "show":false
    },
    "splitLine": {
      "show":false
    },
    "axisLabel": {
      "show":true,
      "color": "#fff",
      "distance": -50,
      "fontSize": 12
    },
    "data": [{"value": "" }
    ]
  },
    {
    "type": "gauge",
    "name": "大环",
    "startAngle": 90,
    "endAngle": -269.999,
    "min": 0,
    "max": 360,
    "splitNumber":12,
      "z": 20,
    "radius": "210",
    "center": [450, 380],
    "pointer": {
      "show": false
    },
    "detail": {"show": false},
    "axisLine": {
      "show": true,
      "lineStyle": {
        "width": 1,
        "color": [
          [1, "#fff"]
        ]
      }
    },
    "axisTick": {
      "show":true,
      "distance": -15,
      "length": 15,
      "lineStyle": {
        "color": "#fff",
        "width": 1
      }
    },
    "splitLine": {
      "show":true,
      "distance": -30,
      "length": 30,
      "lineStyle": {
        "color":"#fff",
        "width": 2
      }
    },
    "axisLabel": {
      "show":true,
      "hiddenEndlabel":true,
      "color": "#fff",
      "distance": 0,
      "fontSize": 12
    },
    "data": []
  },
    {
    "type": "gauge",
    "name": "小环1",
    "startAngle": 90,
    "endAngle": -269.999,
    "splitNumber":12,
    "min": 0,
    "max": 360,
    "radius": "180",
    "center": [450, 380],
    "detail": {"show": false},
    "pointer": {
      "show": false
    },
    "axisLine": {
      "lineStyle": {
        "width": 1,
        "color": [
          [1, "#fff"]
        ]
      }
    },
    "axisTick": {
      "show":false
    },
    "splitLine": {
      "show":false,
      "distance": -30,
      "length": 30,
      "lineStyle": {
        "color":"#fff",
        "width": 2
      }
    },
    "axisLabel": {
      "show":false
    },
    "data": []
  },
    {
    "type": "gauge",
    "name": "小环2",
    "splitNumber":12,
    "startAngle": 90,
    "endAngle": -269.999,
    "min": 0,
    "max": 360,
    "radius": "150",
    "center": [450, 380],
    "detail": {"show": false},
    "pointer": {
      "show": false
    },
    "axisLine": {
      "lineStyle": {
        "width": 1,
        "color": [
          [1, "#fff"]
        ]
      }
    },
    "axisTick": {
      "show":false
    },
    "splitLine": {
      "show":true,
      "distance": -30,
      "length": 30,
      "lineStyle": {
        "color":"#fff",
        "width": 2
      }
    },
    "axisLabel": {
      "show":false
    },
    "data": []
  },
    {
      "type": "gauge",
      "name": "小环3",
      "startAngle": 90,
      "endAngle": -269.999,
      "splitNumber":12,
      "min": 0,
      "max": 360,
      "radius": "120",
      "center": [450, 380],
      "detail": {"show": false},
      "pointer": {
        "show": false
      },
      "axisLine": {
        "lineStyle": {
          "width": 1,
          "color": [
            [1, "#fff"]
          ]
        }
      },
      "axisTick": {
        "show":false
      },
      "splitLine": {
        "show":true,
        "distance": -30,
        "length": 30,
        "lineStyle": {
          "color":"#fff",
          "width": 2
        }
      },
      "axisLabel": {
        "show":false
      },
      "data": []
    },
    {
      "type": "gauge",
      "name": "小环4",
      "startAngle": 90,
      "endAngle": -269.999,
      "splitNumber":12,
      "min": 0,
      "max": 360,
      "radius": "90",
      "center": [450, 380],
      "detail": {"show": false},
      "pointer": {
        "show": false
      },
      "axisLine": {
        "lineStyle": {
          "width": 1,
          "color": [
            [1, "#fff"]
          ]
        }
      },
      "axisTick": {
        "show":false
      },
      "splitLine": {
        "show":true,
        "distance": -30,
        "length": 30,
        "lineStyle": {
          "color":"#fff",
          "width": 2
        }
      },
      "axisLabel": {
        "show":false
      },
      "data": []
    },
    {
      "type": "gauge",
      "name": "小环5",
      "startAngle": 90,
      "endAngle": -269.999,
      "splitNumber":12,
      "min": 0,
      "max": 360,
      "radius": "60",
      "center": [450, 380],
      "detail": {"show": false},
      "pointer": {
        "show": false
      },
      "axisLine": {
        "lineStyle": {
          "width": 1,
          "color": [
            [1, "#fff"]
          ]
        }
      },
      "axisTick": {
        "show":false
      },
      "splitLine": {
        "show":true,
        "distance": -30,
        "length": 30,
        "lineStyle": {
          "color":"#fff",
          "width": 2
        }
      },
      "axisLabel": {
        "show":false
      },
      "data": []
    },
    {
      "type": "gauge",
      "name": "小环6",
      "startAngle": 90,
      "endAngle": -269.999,
      "splitNumber":12,
      "min": 0,
      "max": 360,
      "radius": "30",
      "center": [450, 380],
      "detail": {"show": false},
      "pointer": {
        "show": false
      },
      "axisLine": {
        "lineStyle": {
          "width": 1,
          "color": [
            [1, "#fff"]
          ]
        }
      },
      "axisTick": {
        "show":true,
        "distance": -9,
        "length": 6,
        "lineStyle": {
          "color": "#fff",
          "width": 1
        }
      },
      "splitLine": {
        "show":true,
        "distance": -30,
        "length": 30,
        "lineStyle": {
          "color":"#fff",
          "width": 2
        }
      },
      "axisLabel": {
        "show":false,
        "color": "#fff",
        "distance": 15,
        "fontSize":10
      },
      "data": []
    },
    {
      "type": "pie",
      "name": "pie1",
      "clockWise": true,
      "radius": [240, 210],
      "center": [450, 380],
      "silent": true,
      "data": [ {
        "value": 180,
        "itemStyle": {
          "color": "#000"
        }
      },{
          "value": 75,
          "itemStyle": {
            "color": "#e4becb"
          }
        }, {
          "value": 105,
          "itemStyle": {
            "color": "#000"
          }
        }
      ]
    },
    {
      "type": "pie",
      "name": "pie2",
      "clockWise": true,
      "silent": true,
      "radius": [210, 180],
      "center": [450, 380],
      "data": [ {
          "value": 330,
          "itemStyle": {
            "color": "#3d5cfa"
            }
        },
        {
          "value": 30,
          "itemStyle": {
            "color": "#000"
          }
        }
      ]
    }
  ]
}