辅助线

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
    "title": {
        "show": false
    },
    "tooltip": {
        "confine": true,
        "transitionDuration": 0.5,
        "enterable": true,
        "extraCssText": "padding: 10px 15px;max-height:256px;overflow: auto;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.16) 0px 3px 10px"
    },
    "toolbox": {
        "show": false
    },
    "xAxis": [{
        "type": "value",
        "gridIndex": 0,
        "inverse": true,
        "data": ["2014年10月30日", "2015年12月18日", "2015年12月21日", "2016年01月26日", "2016年02月24日", "2016年03月02日", "2016年03月04日", "2016年03月07日", "2016年03月15日", "2016年03月17日", "2016年03月30日"],
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#555",
            "interval": "auto",
            "rotate": "0"
        },
        "name": "num(求和)",
        "nameLocation": "center",
        "nameTextStyle": {
            "padding": [10, 0, 0, 0]
        },
        "min": null,
        "max": 800
    }, {
        "type": "value",
        "gridIndex": 1,
        "inverse": false,
        "data": [],
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#555",
            "interval": "auto",
            "rotate": "0"
        },
        "name": "Sex(计数)",
        "nameLocation": "center",
        "nameTextStyle": {
            "padding": [10, 0, 0, 0]
        },
        "min": null,
        "max": 800
    }, {
        "type": "value",
        "gridIndex": 2,
        "inverse": false,
        "data": [],
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "axisLabel": {
            "show": false,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#555",
            "interval": "auto",
            "rotate": "0"
        },
        "min": null,
        "max": 800
    }],
    "yAxis": [{
        "type": "category",
        "gridIndex": 0,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#555",
            "interval": "auto"
        }
    }, {
        "type": "category",
        "gridIndex": 1,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#555",
            "interval": "auto"
        }
    }, {
        "type": "category",
        "gridIndex": 2,
        "axisLine": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": true,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#aaa"
            }
        },
        "axisLabel": {
            "show": true,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#555",
            "interval": "auto"
        },
        "data": ["2014年10月30日", "2015年12月18日", "2015年12月21日", "2016年01月26日", "2016年02月24日", "2016年03月02日", "2016年03月04日", "2016年03月07日", "2016年03月15日", "2016年03月17日", "2016年03月30日"]
    }],
    "grid": [{
        "left": "5%",
        "right": "50%",
        "top": 60,
        "bottom": 40
    }, {
        "left": "50%",
        "right": "3%",
        "top": 60,
        "bottom": 40
    }, {
        "left": "5%",
        "right": "3%",
        "top": 60,
        "bottom": 40
    }],
    "series": [{
        "colId": "colgme1z865",
        "name": "num(求和)",
        "type": "bar",
        "stack": null,
        "data": [{
            "oldValue": "111",
            "value": "111",
            "colkaxtox9i": "2014年10月30日"
        }, {
            "oldValue": "711",
            "value": "711",
            "colkaxtox9i": "2015年12月18日"
        }, {
            "oldValue": null,
            "value": 0,
            "colkaxtox9i": "2015年12月21日"
        }, {
            "oldValue": "6",
            "value": "6",
            "colkaxtox9i": "2016年01月26日"
        }, {
            "oldValue": null,
            "value": 0,
            "colkaxtox9i": "2016年02月24日"
        }, {
            "oldValue": null,
            "value": 0,
            "colkaxtox9i": "2016年03月02日"
        }, {
            "oldValue": "6",
            "value": "6",
            "colkaxtox9i": "2016年03月04日"
        }, {
            "oldValue": null,
            "value": 0,
            "colkaxtox9i": "2016年03月07日"
        }, {
            "oldValue": null,
            "value": 0,
            "colkaxtox9i": "2016年03月15日"
        }, {
            "oldValue": "6",
            "value": "6",
            "colkaxtox9i": "2016年03月17日"
        }, {
            "oldValue": null,
            "value": 0,
            "colkaxtox9i": "2016年03月30日"
        }],
        "xAxisIndex": 0,
        "yAxisIndex": 0,
        "label": {
            "show": false,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#aaa",
            "position": "inside"
        },
        "markLine": {
            "symbol": "",
            "data": [{
                "name": 400,
                "yAxis": 400,
                "symbol": "path://M301.184 933.696l0-60.16L602.368 873.536c179.328 0 327.872-130.816 356.09600001-302.272 1.792 0.192 3.45600001 0.96 5.31199999 0.96C997.05600001 572.224 1024 545.344 1024 512c0-33.28-26.944-60.224-60.224-60.224-1.85600001 0-3.456 0.896-5.312 1.088C930.24 281.472 781.76 150.656 602.368 150.656l-301.184 0L301.184 90.368c0-33.28-26.944-60.224-60.224-60.224s-60.16 26.944-60.15999999 60.224l0 843.264c0 33.28 26.944 60.16 60.15999999 60.16 33.28 0.064 60.224-26.88 60.224-60.096zM0 512c0 66.56000001 53.95199999 120.512 120.448 120.512l0-240.96C53.952 391.552 0 445.504 0 512z",
                "symbolSize": 12,
                "symbolOffset": [10, 20],
                "label": {
                    "position": "start",
                    "padding": 10
                },
                "lineStyle": {
                    "type": "solid",
                    "color": "#e04646"
                }
            }, {
                "name": 5555,
                "yAxis": 5555,
                "symbol": "path://M301.184 933.696l0-60.16L602.368 873.536c179.328 0 327.872-130.816 356.09600001-302.272 1.792 0.192 3.45600001 0.96 5.31199999 0.96C997.05600001 572.224 1024 545.344 1024 512c0-33.28-26.944-60.224-60.224-60.224-1.85600001 0-3.456 0.896-5.312 1.088C930.24 281.472 781.76 150.656 602.368 150.656l-301.184 0L301.184 90.368c0-33.28-26.944-60.224-60.224-60.224s-60.16 26.944-60.15999999 60.224l0 843.264c0 33.28 26.944 60.16 60.15999999 60.16 33.28 0.064 60.224-26.88 60.224-60.096zM0 512c0 66.56000001 53.95199999 120.512 120.448 120.512l0-240.96C53.952 391.552 0 445.504 0 512z",
                "symbolSize": 12,
                "symbolOffset": [10, 20],
                "label": {
                    "position": "start",
                    "padding": 10
                },
                "lineStyle": {
                    "type": "solid",
                    "color": "#e04646"
                }
            }]
        }
    }, {
        "colId": "colbvknc2ds",
        "name": "Sex(计数)",
        "type": "bar",
        "stack": null,
        "data": [{
            "oldValue": "1",
            "value": "1",
            "colkaxtox9i": "2014年10月30日"
        }, {
            "oldValue": "702",
            "value": "702",
            "colkaxtox9i": "2015年12月18日"
        }, {
            "oldValue": "4",
            "value": "4",
            "colkaxtox9i": "2015年12月21日"
        }, {
            "oldValue": "5",
            "value": "5",
            "colkaxtox9i": "2016年01月26日"
        }, {
            "oldValue": "1",
            "value": "1",
            "colkaxtox9i": "2016年02月24日"
        }, {
            "oldValue": "1",
            "value": "1",
            "colkaxtox9i": "2016年03月02日"
        }, {
            "oldValue": "6",
            "value": "6",
            "colkaxtox9i": "2016年03月04日"
        }, {
            "oldValue": "1",
            "value": "1",
            "colkaxtox9i": "2016年03月07日"
        }, {
            "oldValue": "3",
            "value": "3",
            "colkaxtox9i": "2016年03月15日"
        }, {
            "oldValue": "6",
            "value": "6",
            "colkaxtox9i": "2016年03月17日"
        }, {
            "oldValue": "1",
            "value": "1",
            "colkaxtox9i": "2016年03月30日"
        }],
        "xAxisIndex": 1,
        "yAxisIndex": 1,
        "label": {
            "show": false,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#aaa",
            "position": "inside"
        },
        "markLine": {
            "symbol": "",
             
            "data": [{
                "name": "300",
                "xAxis": "300",
                "symbol": "path://M90.304 301.184l60.16 0L150.464 602.368c0 179.328 130.816 327.872 302.272 356.09600001-0.192 1.792-0.96 3.45600001-0.96 5.31199999C451.776 997.05600001 478.656 1024 512 1024c33.28 0 60.224-26.944 60.224-60.224 0-1.85600001-0.896-3.456-1.088-5.312C742.528 930.24 873.344 781.76 873.344 602.368l0-301.184L933.632 301.184c33.28 0 60.224-26.944 60.224-60.224s-26.944-60.16-60.224-60.15999999l-843.264 0c-33.28 0-60.16 26.944-60.16 60.15999999-0.064 33.28 26.88 60.224 60.096 60.224zM512 0c-66.56000001 0-120.512 53.95199999-120.512 120.448l240.96 0C632.448 53.952 578.496 0 512 0z",
                "symbolSize": 12,
                "symbolOffset": [10, 20],
                "label": {
                    "position": "start",
                    "padding": 10
                },
                "lineStyle": {
                    "type": "solid",
                    "color": "#e04646"
                }
            }]
        }
    }],
    "legend": {
        "show": true,
        "type": "scroll",
        "orient": "vertical",
        "top": "top",
        "left": "right",
        "textStyle": {
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#aaa"
        },
        "data": ["num(求和)", "Sex(计数)"]
    },
    "color": ["#99CCFF", "#0099FF", "#666699", "#0099CC", "#99CC33", "#CCFF66", "#003366", "#3399CC"]
}