日历图星期的名字echarts 配置项内容和展示
配置项如下
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": []
}
截图如下
