Toggle navigation
单个option生成多层bar-line结合的图表
By
旑***
2020-12-07 06:27:12
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
option = { "tooltip": { "trigger": "axis", "axisPointer": { "type": "line", "label": { "show": false } }, "backgroundColor": "rgba(255,255,255,0.95)", "color": "#666666", "borderWidth": "1", "borderColor": "#fff", "textStyle": { "color": "#666666", "fontSize": 12 }, "padding": [5, 10], "extraCssText": "box-shadow:0 2px 4px rgba(91,121,251,0.3);" }, "legend": [ { "x": "right", // "y": "top", "top": "10%", "icon": "circle", "itemWidth": 6, "itemHeight": 6, "data": ["单月10人数", "回落比", "全国", "刘莉"] },{ "x": "right", // "y": "top", "top": "40%", "icon": "circle", "itemWidth": 6, "itemHeight": 6, "data": ["有效10人数", "回落比", "全国", "刘莉"] }, { "x": "right", "y": "top", "top": "70%", "icon": "circle", "itemWidth": 6, "itemHeight": 6, "data": ["新晋10人数", "降级10人数", "升降比", "全国", "刘莉"] } ], "grid": [{ "left": "0", "right": "0", "top": "10%", "width": "100%", "height": "20%", "containLabel": false }, { "left": "0", "right": "0", "top": "40%", "width": "100%", "height": "20%", "containLabel": false }, { "left": "0", "right": "0", "top": "70%", "width": "100%", "height": "20%", "containLabel": false }], "xAxis": [{ "gridIndex": 0, "type": "category", "data": ["201901", "201902", "201903", "201904", "201905", "201906", "201907", "201908", "201909", "201910", "201911", "201912", "202001", "202002", "202003", "202004", "202005", "202006", "202007", "202008", "202009", "202010"], "axisPointer": { "type": "shadow" }, "axisLine": { "show": true }, "axisTick": { "show": false }, "splitLine": { "show": false } }, { "gridIndex": 1, "type": "category", "data": ["201901", "201902", "201903", "201904", "201905", "201906", "201907", "201908", "201909", "201910", "201911", "201912", "202001", "202002", "202003", "202004", "202005", "202006", "202007", "202008", "202009", "202010"], "axisPointer": { "type": "shadow" }, "axisLine": { "show": true }, "axisTick": { "show": false }, "splitLine": { "show": false } }, { "gridIndex": 2, "type": "category", "data": ["201901", "201902", "201903", "201904", "201905", "201906", "201907", "201908", "201909", "201910", "201911", "201912", "202001", "202002", "202003", "202004", "202005", "202006", "202007", "202008", "202009", "202010"], "axisPointer": { "type": "shadow" }, "axisLine": { "show": true }, "axisTick": { "show": false }, "splitLine": { "show": false } }], "yAxis": [{ "gridIndex": 0, "type": "value", show: true, "axisLabel": { "show": false, "formatter": "{value}" }, "axisLine": { "show": false }, "axisTick": { "show": false }, "splitLine": { "show": false } }, { "gridIndex": 1, "type": "value", show: true, "axisLabel": { "show": false, "formatter": "{value}%" }, "axisLine": { "show": false }, "axisTick": { "show": false }, "splitLine": { "show": false } }, { // "gridIndex": 1, // "type": "value", // "axisLabel": { // "show": false, // "formatter": "{value}%" // }, // "axisLine": { // "show": false // }, // "axisTick": { // "show": false // }, // "splitLine": { // "show": false // } // }, { // "gridIndex": 1, // "type": "value", // "axisLabel": { // "show": false, // "formatter": "{value}%" // }, // "axisLine": { // "show": false // }, // "axisTick": { // "show": false // }, // "splitLine": { // "show": false // } // }, { // "gridIndex": 2, // "type": "value", // "axisLabel": { // "show": false, // "formatter": "{value}%" // }, // "axisLine": { // "show": false // }, // "axisTick": { // "show": false // }, // "splitLine": { // "show": false // } // }, { "gridIndex": 2, "type": "value", show: true, "axisLabel": { "show": false, "formatter": "{value}%" }, "axisLine": { "show": false }, "axisTick": { "show": false }, "splitLine": { "show": false } }], "series": [ { "name": "单月10人数", xAxisIndex: 0, // 指定x轴 yAxisIndex: 0, // 指定y轴 "type": "bar", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 0, "yAxisIndex": 0, "name": "回落比", "type": "line", "data": [143, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "name": "全国", "xAxisIndex": 0, "yAxisIndex": 0, "type": "line", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 0, "yAxisIndex": 0, "name": "刘莉", "type": "line", "data": [134, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 1, "yAxisIndex": 1, "name": "有效10人数", "type": "bar", "data": [142, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "name": "回落比", "xAxisIndex": 1, "yAxisIndex": 1, "type": "line", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "name": "全国", "xAxisIndex": 1, "yAxisIndex": 1, "type": "line", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 1, "yAxisIndex": 1, "name": "刘莉", "type": "line", "data": [134, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 2, "yAxisIndex": 2, "name": "新晋10人数", "type": "bar", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "name": "降级10人数", "xAxisIndex": 1, "yAxisIndex": 1, "type": "line", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 2, "yAxisIndex": 2, "name": "升降比", "type": "line", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 2, "yAxisIndex": 2, "name": "全国", "type": "line", "data": [134, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }, { "xAxisIndex": 2, "yAxisIndex": 2, "name": "刘莉", "type": "line", "data": [14, 52, 22, 20, 11, 25, 15, 56, 65, 87, 54, 45, 54, 87, 8, 7, 8, 63, 69, 45, 68, 24] }] }
