第三采油厂echarts 配置项内容和展示

总数: 599

      option = {
    "title": {
        "text": "第三采油厂",
        "subtext": "总数: 599",
        "textStyle": {
            "color": "#fff",
            "fontSize": 60
        },
        "subtextStyle": {
            "color": "#999",
            "fontSize": 34
        },
        "x": "center",
        "top": "0%"
    },
    "grid": {
        "top": 200,
        "bottom": 100
    },
    "tooltip": {},
    "xAxis": {
        "data": ["关井数", "开井数", "不在线"],
        "axisTick": {
            "show": false
        },
        "axisLine": {
            "show": false
        },
        "axisLabel": {
            "show": false
        }
    },
    "yAxis": {
        "splitLine": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "axisLine": {
            "show": false
        },
        "axisLabel": {
            "show": false
        }
    },
    "series": [{
        "name": "",
        "type": "pictorialBar",
        "symbolSize": [100, 45],
        "symbolOffset": [0, -14],
        "z": 12,
        "data": [{
            "name": "关井数",
            "value": "981",
            "trueVal": "98",
            "symbolPosition": "end",
            "itemStyle": {
                "normal": {
                    "color": "#00fff5"
                }
            }
        }, {
            "name": "开井数",
            "value": "491",
            "trueVal": "49",
            "symbolPosition": "end",
            "itemStyle": {
                "normal": {
                    "color": "#ffcc00"
                }
            }
        }, {
            "name": "不在线",
            "value": "21",
            "trueVal": "2",
            "symbolPosition": "end",
            "itemStyle": {
                "normal": {
                    "color": "#b9b7ff"
                }
            }
        }]
    }, {
        "name": "",
        "type": "pictorialBar",
        "symbolSize": [100, 45],
        "symbolOffset": [0, 24],
        "z": 12,
        "data": [{
            "name": "关井数",
            "value": "981",
            "trueVal": "98",
            "itemStyle": {
                "normal": {
                    "color": "#43bafe"
                }
            }
        }, {
            "name": "开井数",
            "value": "4991",
            "trueVal": "499",
            "itemStyle": {
                "normal": {
                    "color": "#ff7800"
                }
            }
        }, {
            "name": "不在线",
            "value": "21",
            "trueVal": "2",
            "itemStyle": {
                "normal": {
                    "color": "#e9a5ff"
                }
            }
        }]
    }, {
        "name": "",
        "type": "pictorialBar",
        "symbolSize": [150, 75],
        "symbolOffset": [0, 44],
        "z": 11,
        "data": [{
            "name": "关井数",
            "value": "981",
            "trueVal": "98",
            "itemStyle": {
                "normal": {
                    "color": "transparent",
                    "borderColor": "#43bafe",
                    "borderWidth": 5
                }
            }
        }, {
            "name": "开井数",
            "value": "491",
            "trueVal": "49",
            "itemStyle": {
                "normal": {
                    "color": "transparent",
                    "borderColor": "#ff7800",
                    "borderWidth": 5
                }
            }
        }, {
            "name": "不在线",
            "value": "21",
            "trueVal": "2",
            "itemStyle": {
                "normal": {
                    "color": "transparent",
                    "borderColor": "#e9a5ff",
                    "borderWidth": 5
                }
            }
        }]
    }, {
        "name": "",
        "type": "pictorialBar",
        "symbolSize": [200, 100],
        "symbolOffset": [0, 62],
        "z": 10,
        "data": [{
            "name": "关井数",
            "value": "981",
            "trueVal": "98",
            "itemStyle": {
                "normal": {
                    "color": "transparent",
                    "borderColor": "#43bafe",
                    "borderType": "dashed",
                    "borderWidth": 5
                }
            }
        }, {
            "name": "开井数",
            "value": "491",
            "trueVal": "49",
            "itemStyle": {
                "normal": {
                    "color": "transparent",
                    "borderColor": "#ff7800",
                    "borderType": "dashed",
                    "borderWidth": 5
                }
            }
        }, {
            "name": "不在线",
            "value": "21",
            "trueVal": "2",
            "itemStyle": {
                "normal": {
                    "color": "transparent",
                    "borderColor": "#e9a5ff",
                    "borderType": "dashed",
                    "borderWidth": 5
                }
            }
        }]
    }, {
        "type": "bar",
        "silent": true,
        "barWidth": 100,
        "barGap": "-100%",
        "label": {
            "normal": {
                "show": true,
                "position": "top",
                "distance": 40,
                "textStyle": {
                    "color": "#fff",
                    "fontSize": 40
                }
            }
        },
        "data": [{
            "name": "关井数",
            "value": "981",
            "trueVal": "98",
            "itemStyle": {
                "normal": {
                    "color": {
                        "x": 0,
                        "y": 0,
                        "x2": 0,
                        "y2": 1,
                        "type": "linear",
                        "global": false,
                        "colorStops": [{
                            "offset": 0,
                            "color": "rgba(0,255,245,0.5)"
                        }, {
                            "offset": 1,
                            "color": "#43bafe"
                        }]
                    }
                }
            }
        }, {
            "name": "开井数",
            "value": "491",
            "trueVal": "49",
            "itemStyle": {
                "normal": {
                    "color": {
                        "x": 0,
                        "y": 0,
                        "x2": 0,
                        "y2": 1,
                        "type": "linear",
                        "global": false,
                        "colorStops": [{
                            "offset": 0,
                            "color": "rgba(255,204,0,0.5)"
                        }, {
                            "offset": 1,
                            "color": "#ff7800"
                        }]
                    }
                }
            }
        }, {
            "name": "不在线",
            "value": "21",
            "trueVal": "2",
            "itemStyle": {
                "normal": {
                    "color": {
                        "x": 0,
                        "y": 0,
                        "x2": 0,
                        "y2": 1,
                        "type": "linear",
                        "global": false,
                        "colorStops": [{
                            "offset": 0,
                            "color": "rgba(185,183,255,0.5)"
                        }, {
                            "offset": 1,
                            "color": "#e9a5ff"
                        }]
                    }
                }
            }
        }]
    }]
}