1 Star 4 Fork 1

Taknife/PublicSentiment

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
function.html 28.75 KB
一键复制 编辑 原始数据 按行查看 历史
Taknife 提交于 2021-08-28 19:05 . 添加项目
<!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">当前所在位置:&nbsp;&nbsp;<a href="index.html" class="font_subpa">首页</a>&nbsp;&nbsp;>&nbsp;&nbsp;<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">&nbsp;&nbsp;突发事件不外乎有以下几种:自然灾害、社会灾难、战争、动乱和偶发事件等等。互联网信息监控分析系统主要是针对互联网信息进行突发事件监听与分析。对热点信息的倾向分析与趁势分析,以监听信息的突发性。</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">&nbsp;&nbsp;通过图表展示监控词汇的近似关系词,并通过这些关系词形成逻辑关系图,在图中展示了各个事件之间的逻辑关系,分析各个事件之间存在的逻辑关系。</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>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
PHP
1
https://gitee.com/taknife/public-sentiment.git
git@gitee.com:taknife/public-sentiment.git
taknife
public-sentiment
PublicSentiment
master

搜索帮助