不会建"态势感知"好意思说自己是搞安全的？

       “态势感知”，高大上的东西，但对我们来说是那么的遥不可及。之前老板给我一块钱做安全，一直“花不出去”，现在也只能自己动手。

        态势感知之所以“酷”，是因为丰富图表带来的视觉效果，我们用echarts、highcharts来实现。本来用其中一种就足够了，因为以前有些安全监控是用highcharts做的，但highcharts没有地图，要酷酷地展现怎么能少了地图呢。使用上手很快，直接下载官网的demo进行一些微调即可。

一、echarts地图图表：

引入两个外部基础js，并复制官方demo的js代码即可。

攻击数据来源Nginx_waf，地图是根据城市来定位的，所以要把IP地址转换为城市，我们用IP纯真库，比如：QQwry

可做成IP转城市的API接口，如下：

二、highcharts面积图、饼图、曲线图：

分两部分，html+js

1.图表js代码片段：

2.引用外部js及div定义图表大小。

效果：

背景使用黑色显酷，进行图表、数据排版后，最终效果图如下：