Threat Active Map PoC
by kelvinau
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.8.5/echarts.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment.min.js"></script>
<div id="main" style="width: 100%;height:90vh;"></div>
JavaScript
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
var option = {
"visualMap": [{
"dimension": 0,
"left": "2%",
"top": "5%",
"min": 38257,
"max": 230623,
"seriesIndex": 0,
"text": ["230.6k", "38.3k"],
"inRange": {
"color": ["#21b3d2", "yellow", "#d07326", "red"]
},
"hoverLink": false
}, {
"dimension": 0,
"left": "12%",
"top": "5%",
"min": 67417306,
"max": 4072833564,
"seriesIndex": 1,
"text": ["4.1B", "67.4M"],
"inRange": {
"color": ["#21b3d2", "yellow", "#d07326", "red"]
},
"hoverLink": false
}, {
"dimension": 0,
"left": "22%",
"top": "5%",
"min": 1745919,
"max": 8572640,
"seriesIndex": 2,
"text": ["8.6M", "1.7M"],
"inRange": {
"color": ["#21b3d2", "yellow", "#d07326", "red"]
},
"hoverLink": false
}, {
"dimension": 0,
"left": "32%",
"top": "5%",
"min": 3643717279,
"max": 22286525955,
"seriesIndex": 3,
"text": ["22.3B", "3.6B"],
"inRange": {
"color": ["#21b3d2", "yellow", "#d07326", "red"]
},
"hoverLink": false
}],
"xAxis": [{
"type": "value",
"axisLabel": {},
"gridIndex": 0,
"inverse": false
}, {
"type": "value",
"axisLabel": {},
"gridIndex": 1,
"inverse": true
}, {
"type": "value",
"axisLabel": {},
"gridIndex": 2,
"inverse": false
}, {
"type": "value",
"axisLabel": {},
"gridIndex": 3,
"inverse": true
}],
"yAxis": [{
"type": "category",
"inverse": true,
"position": "left",
"axisLabel": {
"interval": 0
},
"gridIndex": 0,
"data": [{
"value": "Riskware/Crack"
}, {
"value": "W32/BackDoor.Prosiak.65"
}, {
"value": "Riskware/Asparnet"
}, {
"value": "W32/GenKryptik.ARNZ!tr"
}, {
"value": "W32/BDoor.IY!tr.bdr"
}]
}, {
"type": "category",
"inverse": true,
"position":...