Toggle navigation
折线图 坐标轴类型time，使用visualMap分段显示，分段处渐变色
By
x361469744
2019-06-25 07:18:23
脚本
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 = { "legend": false, "xAxis": [{ "type": [ "time" ], "nameLocation": "middle", "nameGap": 22, "name": "", "axisTick": { "show": true, "lineStyle": { "color": "#eee" } }, "data": [ 0, 1000, 2000, 3000, 4000, 5000, 6000, 7000, 8000, 9000, 10000, 11000, 12000, 13000, 14000, 15000, 16000, 17000, 18000, 19000, 20000, 21000, 22000, 23000, 24000, 25000, 26000, 27000, 28000, 29000, 30000, 31000, 32000, 33000, 34000, 35000, 36000, 37000, 38000, 39000, 40000, 41000, 42000, 43000, 44000, 45000, 46000, 47000, 48000, 49000, 50000, 51000, 52000, 53000, 54000, 55000, 56000, 57000, 58000, 59000, 60000, 61000, 62000, 63000, 64000, 65000, 66000, 67000, 68000, 69000, 70000, 71000, 72000, 73000, 74000, 75000, 76000, 77000, 78000, 79000, 80000, 81000, 82000, 83000, 84000, 85000, 86000, 87000, 88000, 89000, 90000, 91000, 92000, 93000, 94000, 95000, 96000, 97000, 98000, 99000, 100000, 101000, 102000, 103000, 104000, 105000, 106000, 107000, 108000, 109000, 110000, 111000, 112000, 113000, 114000, 115000, 116000, 117000, 118000, 119000, 120000, 121000, 122000, 123000, 124000, 125000, 126000, 127000 ], "show": false, "axisLabel": {} }], "series": [{ "name": "D", "type": "line", "data": [ [ 0, 1 ], [ 1000, 1 ], [ 2000, 1 ], [ 3000, 1 ], [ 4000, 1 ], [ 5000, 1 ], [ 6000, 1 ], [ 7000, 1 ], [ 8000, 1 ], [ 9000, 1 ], [ 10000, 1 ], [ 11000, 1 ], [ 12000, 1 ], [ 13000, 1 ], [ 14000, 1 ], [ 15000, 1 ], [ 16000, 1 ], [ 17000, 1 ], [ 18000, 1 ], [ 19000, 1 ], [ 20000, 1 ], [ 21000, 1 ], [ 22000, 1 ], [ 23000, 1 ], [ 24000, 1 ], [ 25000, 1 ], [ 26000, 1 ], [ 27000, 1 ], [ 28000, 1 ], [ 29000, 1 ], [ 30000, 1 ], [ 31000, 1 ], [ 32000, 1 ], [ 33000, 1 ], [ 34000, 1 ], [ 35000, 1 ], [ 36000, 1 ], [ 37000, 1 ], [ 38000, 1 ], [ 39000, 1 ], [ 40000, 1 ], [ 41000, 1 ], [ 42000, 1 ], [ 43000, 1 ], [ 44000, 1 ], [ 45000, 1 ], [ 46000, 1 ], [ 47000, 1 ], [ 48000, 1 ], [ 49000, 1 ], [ 50000, 1 ], [ 51000, 1 ], [ 52000, 1 ], [ 53000, 1 ], [ 54000, 1 ], [ 55000, 1 ], [ 56000, 1 ], [ 57000, 1 ], [ 58000, 1 ], [ 59000, 1 ], [ 60000, 1 ], [ 61000, 1 ], [ 62000, 1 ], [ 63000, 1 ], [ 64000, 1 ], [ 65000, 1 ], [ 66000, 1 ], [ 67000, 1 ], [ 68000, 1 ], [ 69000, 1 ], [ 70000, 1 ], [ 71000, 1 ], [ 72000, 1 ], [ 73000, 1 ], [ 74000, 1 ], [ 75000, 1 ], [ 76000, 1 ], [ 77000, 1 ], [ 78000, 1 ], [ 79000, 1 ], [ 80000, 1 ], [ 81000, 1 ], [ 82000, 1 ], [ 83000, 1 ], [ 84000, 1 ], [ 85000, 1 ], [ 86000, 1 ], [ 87000, 1 ], [ 88000, 1 ], [ 89000, 1 ], [ 90000, 1 ], [ 91000, 1 ], [ 92000, 1 ], [ 93000, 1 ], [ 94000, 1 ], [ 95000, 1 ], [ 96000, 1 ], [ 97000, 1 ], [ 98000, 1 ], [ 99000, 1 ], [ 100000, 1 ], [ 101000, 1 ], [ 102000, 1 ], [ 103000, 1 ], [ 104000, 1 ], [ 105000, 1 ], [ 106000, 1 ], [ 107000, 1 ], [ 108000, 1 ], [ 109000, 1 ], [ 110000, 1 ], [ 111000, 1 ], [ 112000, 1 ], [ 113000, 1 ], [ 114000, 1 ], [ 115000, 1 ], [ 116000, 1 ], [ 117000, 1 ], [ 118000, 1 ], [ 119000, 1 ], [ 120000, 1 ], [ 121000, 1 ], [ 122000, 1 ], [ 123000, 1 ], [ 124000, 1 ], [ 125000, 1 ], [ 126000, 1 ], [ 127000, 1 ] ], "areaStyle": { "normal": {} }, "symbol": "none", "lineStyle": { "width": 0 } }], "yAxis": [{ "type": "value", "axisTick": { "show": false }, "show": false, "axisLabel": {}, "name": "", "scale": false, "min": null, "max": null }, { "type": "value", "axisTick": { "show": false }, "show": false, "axisLabel": {}, "name": "", "scale": false, "min": null, "max": null } ], "tooltip": { "trigger": "axis", }, "visualMap": { "show": false, "pieces": [{ "gt": 0, "lte": 4000, "color": "#fc9400" }, { "gt": 5000, "lte": 13000, "color": "#ECC245" }, { "gt": 14000, "lte": 96000, "color": "#fc9400" } ], "type": "piecewise", "dimension": 0, "outOfRange": { "color": "#f9f9f9" } }, "axisPointer": { "lineStyle": { "color": "#ff0000" }, } }
