Toggle navigation
仿Win10任务管理器6核CPU使用率曲线
By
l***2
2018-11-27 18:52:18
脚本
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 = { "grid": [{ "show": true, "z": 2, "left": "2%", "top": "14%", "width": "31.25%", "height": "41.04%", "containLabel": false, "backgroundColor": "transparent", "borderColor": "rgb(17,125,187)" }, { "show": true, "z": 2, "left": "34.5%", "top": "14%", "width": "31.25%", "height": "41.04%", "containLabel": false, "backgroundColor": "transparent", "borderColor": "rgb(17,125,187)" }, { "show": true, "z": 2, "right": "2%", "top": "14%", "width": "31.25%", "height": "41.04%", "containLabel": false, "backgroundColor": "transparent", "borderColor": "rgb(17,125,187)" }, { "show": true, "z": 2, "left": "2%", "bottom": "2%", "width": "31.25%", "height": "41.04%", "containLabel": false, "backgroundColor": "transparent", "borderColor": "rgb(17,125,187)" }, { "show": true, "z": 2, "left": "34.5%", "bottom": "2%", "width": "31.25%", "height": "41.04%", "containLabel": false, "backgroundColor": "transparent", "borderColor": "rgb(17,125,187)" }, { "show": true, "z": 2, "right": "2%", "bottom": "2%", "width": "31.25%", "height": "41.04%", "containLabel": false, "backgroundColor": "transparent", "borderColor": "rgb(17,125,187)" }], "xAxis": [{ "show": true, "data": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60"], "position": "bottom", "boundaryGap": true, "splitNumber": 6, "type": "category", "name": "", "axisLabel": { "rotate": 0, "interval": 10, "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 0, "scale": false, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "data": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60"], "position": "bottom", "boundaryGap": true, "splitNumber": 6, "type": "category", "name": "", "axisLabel": { "rotate": 0, "interval": 10, "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 1, "scale": false, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "data": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60"], "position": "bottom", "boundaryGap": true, "splitNumber": 6, "type": "category", "name": "", "axisLabel": { "rotate": 0, "interval": 10, "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 2, "scale": false, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "data": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60"], "position": "bottom", "boundaryGap": true, "splitNumber": 6, "type": "category", "name": "", "axisLabel": { "rotate": 0, "interval": 10, "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 3, "scale": false, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "data": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60"], "position": "bottom", "boundaryGap": true, "splitNumber": 6, "type": "category", "name": "", "axisLabel": { "rotate": 0, "interval": 10, "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 4, "scale": false, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "data": ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60"], "position": "bottom", "boundaryGap": true, "splitNumber": 6, "type": "category", "name": "", "axisLabel": { "rotate": 0, "interval": 10, "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 5, "scale": false, "splitLine": { "show": true }, "axisTick": { "show": false } }], "yAxis": [{ "show": true, "position": "left", "scale": false, "max": 100, "min": 0, "splitNumber": 5, "type": "value", "name": "", "axisLabel": { "formatter": "", "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 0, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "position": "left", "scale": false, "max": 100, "min": 0, "splitNumber": 5, "type": "value", "name": "", "axisLabel": { "formatter": "", "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 1, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "position": "left", "scale": false, "max": 100, "min": 0, "splitNumber": 5, "type": "value", "name": "", "axisLabel": { "formatter": "", "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 2, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "position": "left", "scale": false, "max": 100, "min": 0, "splitNumber": 5, "type": "value", "name": "", "axisLabel": { "formatter": "", "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 3, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "position": "left", "scale": false, "max": 100, "min": 0, "splitNumber": 5, "type": "value", "name": "", "axisLabel": { "formatter": "", "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 4, "splitLine": { "show": true }, "axisTick": { "show": false } }, { "show": true, "position": "left", "scale": false, "max": 100, "min": 0, "splitNumber": 5, "type": "value", "name": "", "axisLabel": { "formatter": "", "show": false }, "axisLine": { "lineStyle": { "color": "rgb(17,125,187)" } }, "gridIndex": 5, "splitLine": { "show": true }, "axisTick": { "show": false } }], "series": [{ "type": "line", "name": "core1", "data": [61, 65, 71, 46, 35, 67, 30, 37, 20, 23, 52, 44, 60, 72, 38, 23, 26, 67, 28, 27, 20, 45, 79, 51, 68, 80, 56, 70, 35, 29, 38, 30, 29, 29, 59, 46, 67, 28, 36, 32, 53, 41, 49, 36, 64, 48, 33, 45, 30, 56, 69, 31, 47, 20, 49, 69, 20, 62, 38, 66], "smooth": true, "areaStyle": { "normal": { "color": "rgb(241,246,250)" } }, "lineStyle": { "normal": { "color": "rgb(17,125,187)", "width": 1 } }, "xAxisIndex": 0, "yAxisIndex": 0 }, { "type": "line", "name": "core1", "data": [61, 65, 71, 46, 35, 67, 30, 37, 20, 23, 52, 44, 60, 72, 38, 23, 26, 67, 28, 27, 20, 45, 79, 51, 68, 80, 56, 70, 35, 29, 38, 30, 29, 29, 59, 46, 67, 28, 36, 32, 53, 41, 49, 36, 64, 48, 33, 45, 30, 56, 69, 31, 47, 20, 49, 69, 20, 62, 38, 66], "smooth": true, "areaStyle": { "normal": { "color": "rgb(241,246,250)" } }, "lineStyle": { "normal": { "color": "rgb(17,125,187)", "width": 1 } }, "xAxisIndex": 1, "yAxisIndex": 1 }, { "type": "line", "name": "core1", "data": [61, 65, 71, 46, 35, 67, 30, 37, 20, 23, 52, 44, 60, 72, 38, 23, 26, 67, 28, 27, 20, 45, 79, 51, 68, 80, 56, 70, 35, 29, 38, 30, 29, 29, 59, 46, 67, 28, 36, 32, 53, 41, 49, 36, 64, 48, 33, 45, 30, 56, 69, 31, 47, 20, 49, 69, 20, 62, 38, 66], "smooth": true, "areaStyle": { "normal": { "color": "rgb(241,246,250)" } }, "lineStyle": { "normal": { "color": "rgb(17,125,187)", "width": 1 } }, "xAxisIndex": 2, "yAxisIndex": 2 }, { "type": "line", "name": "core1", "data": [61, 65, 71, 46, 35, 67, 30, 37, 20, 23, 52, 44, 60, 72, 38, 23, 26, 67, 28, 27, 20, 45, 79, 51, 68, 80, 56, 70, 35, 29, 38, 30, 29, 29, 59, 46, 67, 28, 36, 32, 53, 41, 49, 36, 64, 48, 33, 45, 30, 56, 69, 31, 47, 20, 49, 69, 20, 62, 38, 66], "smooth": true, "areaStyle": { "normal": { "color": "rgb(241,246,250)" } }, "lineStyle": { "normal": { "color": "rgb(17,125,187)", "width": 1 } }, "xAxisIndex": 3, "yAxisIndex": 3 }, { "type": "line", "name": "core1", "data": [61, 65, 71, 46, 35, 67, 30, 37, 20, 23, 52, 44, 60, 72, 38, 23, 26, 67, 28, 27, 20, 45, 79, 51, 68, 80, 56, 70, 35, 29, 38, 30, 29, 29, 59, 46, 67, 28, 36, 32, 53, 41, 49, 36, 64, 48, 33, 45, 30, 56, 69, 31, 47, 20, 49, 69, 20, 62, 38, 66], "smooth": true, "areaStyle": { "normal": { "color": "rgb(241,246,250)" } }, "lineStyle": { "normal": { "color": "rgb(17,125,187)", "width": 1 } }, "xAxisIndex": 4, "yAxisIndex": 4 }, { "type": "line", "name": "core1", "data": [61, 65, 71, 46, 35, 67, 30, 37, 20, 23, 52, 44, 60, 72, 38, 23, 26, 67, 28, 27, 20, 45, 79, 51, 68, 80, 56, 70, 35, 29, 38, 30, 29, 29, 59, 46, 67, 28, 36, 32, 53, 41, 49, 36, 64, 48, 33, 45, 30, 56, 69, 31, 47, 20, 49, 69, 20, 62, 38, 66], "smooth": true, "areaStyle": { "normal": { "color": "rgb(241,246,250)" } }, "lineStyle": { "normal": { "color": "rgb(17,125,187)", "width": 1 } }, "xAxisIndex": 5, "yAxisIndex": 5 }], "title": [{ "text": "CPU", "subtext": "60秒内的利用率 %", "left": "left", "top": "2%" }, { "text": "Inter(R) Core(TM) i5-8400 @ 2.80GHz", "subtext": "100%", "left": "right", "top": "2%" }], "animation": false } setInterval(function(){ var _option=myChart.getOption(); var json={}; json.series=[]; var item={}; for(var i=0;i<_option.series.length;i++){ item.data=_option.series[i].data; item.data.shift(); item.data.push(Math.random()*100); json.series.push(item); } myChart.setOption(json); },1000)
