Toggle navigation
正负轴
By
q***e
2019-07-30 02:01:19
脚本
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 = { backgroundColor: '#033a48', "grid": { "left": 160, "right": 30 }, "tooltip": { "padding": 10, "textStyle": { "color": "#fff", "fontSize": 26 }, "backgroundColor": "#00576e" }, "yAxis": [{ "nameTextStyle": { "color": "#97d2ff", "padding": [0, 20, 10, 0], "fontSize": 26 }, "axisLabel": { "color": "#0fd1d3", "fontSize": 26, "interval": 0, "align": "left", "padding": [0, 60, 0, 0] }, "axisTick": { "show": false }, "splitLine": { "show": false }, "axisLine": { "show": false }, "type": "category", "data": ["1 珠海", "2 珠海", "3 珠海", "4 珠海", "5 珠海", "6 珠海", "7 珠海", "8 珠海", "9 珠海", "10 珠海"], "inverse": true, "offset": 120 }, { "nameTextStyle": { "color": "#97d2ff", "padding": [0, 20, 10, 0], "fontSize": 26 }, "axisLabel": { "show": false }, "axisTick": { "show": false }, "splitLine": { "show": false }, "axisLine": { "show": false }, "data": ["1 珠海", "2 珠海", "3 珠海", "4 珠海", "5 珠海", "6 珠海", "7 珠海", "8 珠海", "9 珠海", "10 珠海"], "inverse": true }], "xAxis": { "nameTextStyle": { "color": "#97d2ff", "padding": [0, 20, 10, 0], "fontSize": 26 }, "axisLabel": { "show": false }, "axisTick": { "show": false }, "splitLine": { "show": false }, "axisLine": { "show": false } }, "series": [{ "type": "bar", "barWidth": 40, "barGap": "-100%", "yAxisIndex": 1, "data": [-6, -6, -6, -6, -6, -6, -6, -6, -6, -6], "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "borderColor": "#01799a", "borderWidth": 2, "color": "rgba(0,0,0,0)" } }, "silent": true }, { "type": "bar", "barWidth": 40, "barGap": "-100%", "data": [5, 5, 5, 5, 5, 5, 5, 5, 5, 5], "yAxisIndex": 1, "itemStyle": { "normal": { "barBorderRadius": [0, 20, 20, 0], "borderColor": "#01799a", "borderWidth": 2, "color": "rgba(0,0,0,0)" } }, "label": { "show": true, "position": "insideRight", "color": "#fff", "fontSize": 26, "padding": [0, 10, 0, 0] }, "silent": true }, { "type": "bar", "barGap": "-100%", "barWidth": 30, "data": [{ "value": -5, "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "color": "#1bbf69" } } }, { "value": -3, "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "color": "#1bbf69" } } }, { "value": -4, "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "color": "#1bbf69" } } }, { "value": 2, "itemStyle": { "normal": { "barBorderRadius": [0, 20, 20, 0], "color": "#ff622f" } } }, { "value": 4, "itemStyle": { "normal": { "barBorderRadius": [0, 20, 20, 0], "color": "#ff622f" } } }, { "value": -5, "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "color": "#1bbf69" } } }, { "value": -3, "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "color": "#1bbf69" } } }, { "value": -4, "itemStyle": { "normal": { "barBorderRadius": [20, 0, 0, 20], "color": "#1bbf69" } } }, { "value": 2, "itemStyle": { "normal": { "barBorderRadius": [0, 20, 20, 0], "color": "#ff622f" } } }, { "value": 4, "itemStyle": { "normal": { "barBorderRadius": [0, 20, 20, 0], "color": "#ff622f" } } }] }] }
