辅助线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"]
}
截图如下
