Toggle navigation
日历图星期的名字
By
o***4
2017-10-12 15:03:35
脚本
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": "#333", "color": ["#E6E6E6", "#FF8DB1", "#FFE78D", "#82E0FF"], "textStyle": { "fontFamily": "sans-serif", "fontSize": 12, "fontStyle": "normal", "fontWeight": "normal" }, "animation": true, "animationDuration": 1000, "animationDurationUpdate": 300, "animationEasing": "exponentialOut", "animationEasingUpdate": "cubicOut", "animationThreshold": 2000, "progressiveThreshold": 3000, "progressive": 400, "hoverLayerThreshold": 3000, "useUTC": false, "calendar": [{ "left": "center", "top": 100, "cellSize": [48, 48], "range": "2017-10", "orient": "vertical", "dayLabel": { // "show": false, "color": "#aaa", "fontFamily": "Oswald", "firstDay": "0", "position": "start", "margin": "50%", "nameMap": "cn" }, "monthLabel": { "show": false, "position": "start", "margin": 5, "align": "center", "nameMap": "en", "formatter": null, "color": "#000" }, "yearLabel": { "show": false, "position": null, "margin": 30, "formatter": null, "color": "#ccc", "fontFamily": "sans-serif", "fontWeight": "bolder", "fontSize": 20 }, "splitLine": { "show": false, "lineStyle": { "color": "#000", "width": 1, "type": "solid" } }, "itemStyle": { "normal": { "color": "transparent", "borderWidth": 0, "borderColor": "#ccc" } }, "zlevel": 0, "z": 2, "right": null, "bottom": null }], "axisPointer": [{ "show": "auto", "triggerOn": null, "zlevel": 0, "z": 50, "type": "line", "snap": false, "triggerTooltip": true, "value": null, "status": null, "link": [], "animation": null, "animationDurationUpdate": 200, "lineStyle": { "color": "#aaa", "width": 1, "type": "solid" }, "shadowStyle": { "color": "rgba(150,150,150,0.3)" }, "label": { "show": true, "formatter": null, "precision": "auto", "margin": 3, "color": "#fff", "padding": [5, 7, 5, 7], "backgroundColor": "auto", "borderColor": null, "borderWidth": 0, "shadowBlur": 3, "shadowColor": "#aaa" }, "handle": { "show": false, "icon": "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z", "size": 45, "margin": 50, "color": "#333", "shadowBlur": 3, "shadowColor": "#aaa", "shadowOffsetX": 0, "shadowOffsetY": 2, "throttle": 40 } }], "tooltip": [], "yAxis": [{ "show": false, "data": ["percent"], "boundaryGap": true, "splitLine": { "show": false, "lineStyle": { "color": ["#ccc"], "width": 1, "type": "solid" } }, "axisTick": { "alignWithLabel": false, "interval": "auto", "show": true, "inside": false, "length": 5, "lineStyle": { "width": 1 } }, "axisLabel": { "interval": "auto", "show": true, "inside": false, "rotate": 0, "showMinLabel": null, "showMaxLabel": null, "margin": 8, "fontSize": 12 }, "zlevel": 0, "z": 0, "inverse": false, "name": "", "nameLocation": "end", "nameRotate": null, "nameTruncate": { "maxWidth": null, "ellipsis": "...", "placeholder": "." }, "nameTextStyle": {}, "nameGap": 15, "silent": false, "triggerEvent": false, "tooltip": { "show": false }, "axisPointer": {}, "axisLine": { "show": true, "onZero": true, "onZeroAxisIndex": null, "lineStyle": { "color": "#333", "width": 1, "type": "solid" } }, "splitArea": { "show": false, "areaStyle": { "color": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"] } }, "offset": 0, "type": "category", "rangeEnd": null, "rangeStart": null }], "xAxis": [{ "show": false, "min": "dataMin", "max": "dataMax", "boundaryGap": [0, 0], "splitNumber": 5, "zlevel": 0, "z": 0, "inverse": false, "name": "", "nameLocation": "end", "nameRotate": null, "nameTruncate": { "maxWidth": null, "ellipsis": "...", "placeholder": "." }, "nameTextStyle": {}, "nameGap": 15, "silent": false, "triggerEvent": false, "tooltip": { "show": false }, "axisPointer": {}, "axisLine": { "show": true, "onZero": true, "onZeroAxisIndex": null, "lineStyle": { "color": "#333", "width": 1, "type": "solid" } }, "axisTick": { "show": true, "inside": false, "length": 5, "lineStyle": { "width": 1 } }, "axisLabel": { "show": true, "inside": false, "rotate": 0, "showMinLabel": null, "showMaxLabel": null, "margin": 8, "fontSize": 12 }, "splitLine": { "show": true, "lineStyle": { "color": ["#ccc"], "width": 1, "type": "solid" } }, "splitArea": { "show": false, "areaStyle": { "color": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"] } }, "offset": 0, "type": "value", "rangeEnd": null, "rangeStart": null }], "grid": [{ "top": 8, "left": 11, "right": 11, "height": 6, "show": false, "zlevel": 0, "z": 0, "containLabel": false, "backgroundColor": "rgba(0,0,0,0)", "borderWidth": 1, "borderColor": "#ccc" }], "series": [{ "name": "series0", "type": "scatter", "coordinateSystem": "calendar", "symbol": "roundRect", "data": [{ "value": ["2017-10-01", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-02", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-03", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-04", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-05", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-06", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-07", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-08", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-09", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-10", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-11", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-12", 1], "itemStyle": { "emphasis": { "color": "#E6E6E6" } } }, { "value": ["2017-10-13", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-14", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-15", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-16", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-17", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-18", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-19", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-20", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-21", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-22", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-23", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-24", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-25", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-26", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-27", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-28", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-29", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-30", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }, { "value": ["2017-10-31", 1], "itemStyle": { "normal": { "color": "#F6F6F6" }, "emphasis": { "borderWidth": 0, "color": "#F6F6F6" } } }], "hoverAnimation": false, "itemStyle": { "normal": { "opacity": 0.8 }, "emphasis": { "borderWidth": 3, "borderColor": "#999" } }, "z": 2, "zlevel": 0, "legendHoverLink": true, "large": false, "largeThreshold": 2000 }, { "name": "series1", "type": "scatter", "coordinateSystem": "calendar", "symbol": "roundRect", "data": [ ["2017-10-10", 1], { "value": ["2017-10-10", 1], "itemStyle": { "emphasis": { "color": "#FF8DB1" } } }, ["2017-10-06", 1], { "value": ["2017-10-06", 1], "itemStyle": { "emphasis": { "color": "#FF8DB1" } } }, ["2017-10-05", 1], { "value": ["2017-10-05", 1], "itemStyle": { "emphasis": { "color": "#FF8DB1" } } } ], "hoverAnimation": false, "itemStyle": { "normal": { "opacity": 0.8 }, "emphasis": { "borderWidth": 3, "borderColor": "#999" } }, "z": 10, "zlevel": 0, "legendHoverLink": true, "large": false, "largeThreshold": 2000 }, { "name": "series2", "type": "scatter", "coordinateSystem": "calendar", "symbol": "roundRect", "data": [ ["2017-10-08", 1], { "value": ["2017-10-08", 1], "itemStyle": { "emphasis": { "color": "#FFE78D" } } } ], "hoverAnimation": false, "itemStyle": { "normal": { "opacity": 0.8 }, "emphasis": { "borderWidth": 3, "borderColor": "#999" } }, "z": 10, "zlevel": 0, "legendHoverLink": true, "large": false, "largeThreshold": 2000 }, { "name": "series3", "type": "scatter", "coordinateSystem": "calendar", "symbol": "roundRect", "data": [ ["2017-10-03", 1], { "value": ["2017-10-03", 1], "itemStyle": { "emphasis": { "color": "#82E0FF" } } }, { "value": ["2017-10-12", 2], "itemStyle": { "normal": { "borderWidth": 3, "borderColor": "#70C5E0" }, "emphasis": { "color": "#82E0FF" } } } ], "hoverAnimation": false, "itemStyle": { "normal": { "opacity": 0.8 }, "emphasis": { "borderWidth": 3, "borderColor": "#999" } }, "z": 10, "zlevel": 0, "legendHoverLink": true, "large": false, "largeThreshold": 2000 }, { "type": "bar", "data": [0], "name": "series0", "stack": "percent", "barWidth": 3, "silent": true, "zlevel": 0, "z": 2, "coordinateSystem": "cartesian2d", "legendHoverLink": true, "barMinHeight": 0, "barMinAngle": 0, "itemStyle": { "normal": {}, "emphasis": {} } }, { "type": "bar", "data": [3], "name": "series1", "stack": "percent", "barWidth": 3, "silent": true, "zlevel": 0, "z": 2, "coordinateSystem": "cartesian2d", "legendHoverLink": true, "barMinHeight": 0, "barMinAngle": 0, "itemStyle": { "normal": {}, "emphasis": {} } }, { "type": "bar", "data": [1], "name": "series2", "stack": "percent", "barWidth": 3, "silent": true, "zlevel": 0, "z": 2, "coordinateSystem": "cartesian2d", "legendHoverLink": true, "barMinHeight": 0, "barMinAngle": 0, "itemStyle": { "normal": {}, "emphasis": {} } }, { "type": "bar", "data": [2], "name": "series3", "stack": "percent", "barWidth": 3, "silent": true, "zlevel": 0, "z": 2, "coordinateSystem": "cartesian2d", "legendHoverLink": true, "barMinHeight": 0, "barMinAngle": 0, "itemStyle": { "normal": {}, "emphasis": {} } }], "markArea": [{ "zlevel": 0, "z": 1, "tooltip": { "trigger": "item" }, "animation": false, "label": { "normal": { "show": true, "position": "top" }, "emphasis": { "show": true, "position": "top" } }, "itemStyle": { "normal": { "borderWidth": 0 } } }], "markLine": [{ "zlevel": 0, "z": 5, "symbol": ["circle", "arrow"], "symbolSize": [8, 16], "precision": 2, "tooltip": { "trigger": "item" }, "label": { "normal": { "show": true, "position": "end" }, "emphasis": { "show": true } }, "lineStyle": { "normal": { "type": "dashed" }, "emphasis": { "width": 3 } }, "animationEasing": "linear" }], "markPoint": [{ "zlevel": 0, "z": 5, "symbol": "pin", "symbolSize": 50, "tooltip": { "trigger": "item" }, "label": { "normal": { "show": true, "position": "inside" }, "emphasis": { "show": true } }, "itemStyle": { "normal": { "borderWidth": 2 } } }], "marker": [], "visualMap": [], "dataZoom": [], "brush": [], "legend": [] }
