配置项如下
option = {
"tooltip": {
"backgroundColor": "rgba(255,255,255,0.9)",
"borderWidth": 1,
"borderColor": "#3398DB",
"textStyle": {
"color": "#2e384a",
"fontSize": 12,
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontWeight": 300
}
},
"grid": {
"show": false,
"top": 25,
"right": 4,
"left": 4,
"containLabel": true
},
"xAxis": {
"type": "category",
"splitLine": {
"show": false
},
"axisLine": {
"lineStyle": {
"color": "#ccc"
}
},
"axisTick": {
"show": false,
"lineStyle": {
"color": "#ccc"
}
},
"axisLabel": {
"textStyle": {
"color": "#7F7F7F",
"fontSize": 12,
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontWeight": 300
}
},
"data": [
"7-1",
"7-2",
"7-3",
"7-4",
"7-5",
"7-6",
"7-7"
]
},
"yAxis": [
{
"type": "value",
"splitLine": {
"show": true
},
"axisLine": {
"show": false
},
"axisTick": {
"show": false
},
"axisLabel": {
"textStyle": {
"color": "#7F7F7F",
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontSize": 12,
"fontWeight": "300"
}
},
"scale": true,
"splitNumber": 5,
"max": 100
}
],
"legend": {
"y": "bottom",
"itemWidth": 20,
"itemHeight": 10,
"selectedMode": false,
"textStyle": {
"color": "black",
"fontWeight": "bold",
"fontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", Arial, Helvetica, sans-serif",
"fontSize": 12
},
"show": true,
"data": [
"指标"
]
},
"dataZoom": {
"bottom": 0,
"show": false
},
"color": [
"#3398DB",
"#2ECC71",
"#E67E22",
"#745EC5",
"#E74C3C",
"#FFCD00",
"#D5C295",
"#19BC9C",
"#EF717A",
"#98AAD4",
"#A5C63A",
"#79302A",
"#34485E",
"#BDC3C7",
"#A5C63A",
"#84C1E9",
"#81E0A9",
"#F0B17A",
"#AB9EDC",
"#F0938A",
"#FFE166",
"#E5DABF",
"#75D6C3",
"#F5A9AF",
"#C1CCE5",
"#C9DC88",
"#AE827F",
"#85919E",
"#D7DBDD",
"#C9DC88"
],
"series": [
{
"name": "指标",
"type": "bar",
"yAxisIndex": 0,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"stack": "支付订单的总次数",
"data": [
{
"value": 100,
"rawValue": 11153,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-1",
"totalValue": 11153
},
{
"value": 100,
"rawValue": 11459,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-2",
"totalValue": 11459
},
{
"value": 100,
"rawValue": 11143,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-3",
"totalValue": 11143
},
{
"value": 100,
"rawValue": 11148,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-4",
"totalValue": 11148
},
{
"value": 100,
"rawValue": 11482,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-5",
"totalValue": 11482
},
{
"value": 100,
"rawValue": 11992,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-6",
"totalValue": 11992
},
{
"value": 100,
"rawValue": 10048,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的总次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-7",
"totalValue": 10048
}
]
},
{
"name": "指标",
"type": "bar",
"yAxisIndex": 0,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"stack": "支付订单的触发用户数",
"data": [
{
"value": 100,
"rawValue": 10868,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-1",
"totalValue": 10868
},
{
"value": 100,
"rawValue": 10610,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-2",
"totalValue": 10610
},
{
"value": 100,
"rawValue": 10446,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-3",
"totalValue": 10446
},
{
"value": 100,
"rawValue": 10527,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-4",
"totalValue": 10527
},
{
"value": 100,
"rawValue": 10888,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-5",
"totalValue": 10888
},
{
"value": 100,
"rawValue": 11442,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-6",
"totalValue": 11442
},
{
"value": 100,
"rawValue": 9413,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的触发用户数",
"measureUnit": "人",
"rawMeasureUnit": "人",
"xLabel": "7-7",
"totalValue": 9413
}
]
},
{
"name": "指标",
"type": "bar",
"yAxisIndex": 0,
"barGap": "10%",
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"stack": "支付订单的人均次数",
"data": [
{
"value": 100,
"rawValue": 1.03,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-1",
"totalValue": 1.03
},
{
"value": 100,
"rawValue": 1.08,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-2",
"totalValue": 1.08
},
{
"value": 100,
"rawValue": 1.07,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-3",
"totalValue": 1.07
},
{
"value": 100,
"rawValue": 1.06,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-4",
"totalValue": 1.06
},
{
"value": 100,
"rawValue": 1.05,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-5",
"totalValue": 1.05
},
{
"value": 100,
"rawValue": 1.05,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-6",
"totalValue": 1.05
},
{
"value": 100,
"rawValue": 1.07,
"itemStyle": {
"normal": {
"color": "#3398DB"
}
},
"measureName": "支付订单的人均次数",
"measureUnit": "次",
"rawMeasureUnit": "次",
"xLabel": "7-7",
"totalValue": 1.07
}
]
}
]
}