代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>平台功能</title>
<link rel='stylesheet' href='css/subpage.css'>
<link rel="stylesheet" href="css/nav.css">
</head>
<body>
<div id="container">
<div id="sub_func">
<div class="div_daohang">
<div style="height: 10px;"></div>
<div class="menu">
<div class="center">
<ul class="ul-list">
<li><a href="./index.html">首页</a></li>
<li><a href="./synopsis.html">舆情简介</a></li>
<li><a href="./function.html">平台功能</a></li>
<li><a href="./analysis.html">数据分析</a></li>
<li><a href="./webspider.html">网络爬虫</a></li>
<li><a href="./earlywarning.html">舆情预警</a></li>
<li><a href="./report.php">舆情报告</a></li>
<li><a href="./contact.php">联系我们</a></li>
</ul>
</div>
</div>
</div>
<div class="none_h"></div>
<div id="func_subleft">
<ul>
<li type="disc"><a href="#sjfx" class="a_lift">事件分析</a></li>
<li type="disc"><a href="#gxfx" class="a_lift">关系分析</a></li>
</ul>
</div>
<div id="func_none_s"></div>
<div id="func_subright">
<p class="font_subpa">当前所在位置: <a href="index.html" class="font_subpa">首页</a> > <a href="./function.html" class="font_subpa">平台功能</a></p>
<hr color="#e8e8e8" width="780px">
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
<div id="func_moku1">
<div class="func_moku_top">
<div class="mk_l">
<h2 class="font_h2" id="sjfx">事件分析</h2>
</div>
<div class="mk_r">
<hr color="#e8e8e8">
</div>
<p class="font_p"> 突发事件不外乎有以下几种:自然灾害、社会灾难、战争、动乱和偶发事件等等。互联网信息监控分析系统主要是针对互联网信息进行突发事件监听与分析。对热点信息的倾向分析与趁势分析,以监听信息的突发性。</p>
</div>
<div id="func_moku1_body"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('func_moku1_body'));
option = {
title : {
text: 'Event River',
subtext: '热门事件'
},
tooltip : {
trigger: 'item',
enterable: true
},
legend: {
data:['政治事件', '科技事件']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
restore : {show: true},
saveAsImage : {show: true}
}
},
xAxis : [
{
type : 'time',
boundaryGap: [0.05,0.1]
}
],
series : [
{
"name": "政治事件",
"type": "eventRiver",
"weight": 123,
"data": [
{
"name": "00后新兵授枪仪式",
"weight": 123,
"evolution": [
{
"time": "2021-05-02",
"value": 14,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-03",
"value": 34,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-04",
"value": 60,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-06",
"value": 40,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-7",
"value": 10,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
}
]
},
{
"name": "觉醒年代!",
"weight": 123,
"evolution": [
{
"time": "2021-05-11",
"value": 10,
"detail": {
"link": "www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-12",
"value": 34,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-13",
"value": 40,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-14",
"value": 10,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
}
]
},
{
"name": "华为HarmonyOS",
"weight": 123,
"evolution": [
{
"time": "2021-04-16",
"value": 24,
"detail": {
"link": "www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-04-17",
"value": 34,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-04-18",
"value": 50,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-04-19",
"value": 30,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-04-20",
"value": 20,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
}
]
}
]
},
{
"name": "科技事件",
"type": "eventRiver",
"weight": 123,
"data": [
{
"name": "这是中国科学家入党的初心",
"weight": 123,
"evolution": [
{
"time": "2021-05-25",
"value": 14,
"detail": {
"link": "www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-03",
"value": 34,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-04",
"value": 60,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-05",
"value": 40,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-06",
"value": 20,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
}
]
},
{
"name": "2021高考",
"weight": 123,
"evolution": [
{
"time": "2021-06-06",
"value": 4,
"detail": {
"link": "www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-07",
"value": 14,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-08",
"value": 30,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-09",
"value": 20,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-06-10",
"value": 10,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
}
]
},
{
"name": "神州十二号载人航天计划",
"weight": 123,
"evolution": [
{
"time": "2021-05-20",
"value": 4,
"detail": {
"link": "www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-21",
"value": 24,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-22",
"value": 40,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-23",
"value": 20,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-24",
"value": 15,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
},
{
"time": "2021-05-25",
"value": 10,
"detail": {
"link": "http://www.baidu.com",
"text": "百度指数"
}
}
]
}
]
}
]
};
myChart.setOption(option);
</script>
</div>
<div id="func_moku2">
<div class="func_moku_top">
<div class="mk_l">
<h2 class="font_h2" id="gxfx">关系分析</h2>
</div>
<div class="mk_r">
<hr color="#e8e8e8">
</div>
<p class="font_p"> 通过图表展示监控词汇的近似关系词,并通过这些关系词形成逻辑关系图,在图中展示了各个事件之间的逻辑关系,分析各个事件之间存在的逻辑关系。</p>
</div>
<div id="func_moku2_body"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('func_moku2_body'));
var nodes = [];
var links = [];
var constMaxDepth = 2;
var constMaxChildren = 7;
var constMinChildren = 4;
var constMaxRadius = 10;
var constMinRadius = 2;
function rangeRandom(min, max) {
return Math.random() * (max - min) + min;
}
function createRandomNode(depth) {
var node = {
name : 'NODE_' + nodes.length,
value : rangeRandom(constMinRadius, constMaxRadius),
// Custom properties
id : nodes.length,
depth : depth,
category : depth === constMaxDepth ? 0 : 1
}
nodes.push(node);
return node;
}
function forceMockThreeData() {
var depth = 0;
var rootNode = {
name : 'ROOT',
value : rangeRandom(constMinRadius, constMaxRadius),
// Custom properties
id : 0,
depth : 0,
category : 2
}
nodes.push(rootNode);
function mock(parentNode, depth) {
var nChildren = Math.round(rangeRandom(constMinChildren, constMaxChildren));
for (var i = 0; i < nChildren; i++) {
var childNode = createRandomNode(depth);
links.push({
source : parentNode.id,
target : childNode.id,
weight : 1
});
if (depth < constMaxDepth) {
mock(childNode, depth + 1);
}
}
}
mock(rootNode, 0);
}
forceMockThreeData();
option = {
title : {
text: 'Event',
subtext: 'Event-relation tree',
x:'right',
y:'bottom'
},
tooltip : {
trigger: 'item',
formatter: '{a} : {b}'
},
toolbox: {
show : true,
feature : {
restore : {show: true},
magicType: {show: true, type: ['Event', 'chord']},
saveAsImage : {show: true}
}
},
legend: {
x: 'left',
data:['叶子节点','非叶子节点', '根节点']
},
series : [
{
type:'force',
name : "Event tree",
ribbonType: false,
categories : [
{
name: '叶子节点'
},
{
name: '非叶子节点'
},
{
name: '根节点'
}
],
itemStyle: {
normal: {
label: {
show: false
},
nodeStyle : {
brushType : 'both',
borderColor : 'rgba(255,215,0,0.6)',
borderWidth : 1
}
}
},
minRadius : constMinRadius,
maxRadius : constMaxRadius,
coolDown: 0.995,
steps: 10,
nodes : nodes,
links : links,
steps: 1
}
]
};
myChart.setOption(option);
</script>
</div>
</div>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。