-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeature.html
310 lines (302 loc) · 16.3 KB
/
feature.html
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tulipQuant 御宽</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入 Bootstrap -->
<link href="https://cdn.bootcss.com/cropper/3.1.3/cropper.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- main css file -->
<link rel="stylesheet" href="css/basic.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/feature.css">
<!-- 网站小图标 -->
<link rel="shortcut icon" href="img/favicon3.ico">
<meta name="keywords" content="量化投资,量化交易,量化策略,量化平台,量化研究,量化分析,quantopian,量化,quant,quantify,tushare,程序化交易,量化投资平台,量化交易系统,优矿,聚宽,米筐,程序化交易软件,金融投资,股票交易,郁金香,投资平台,">
<meta name="description" content="御宽(tulipQuant)是一个集成了各大量化交易平台交易策略的平台,是策略提供者理想的分享策略并同时获取收益的平台，同时也是广大有志于量化投资的投资者构建自己交易体系、提升自身选股买卖能力的历练场！">
<!-- echarts -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src='https://cdn.bootcss.com/echarts/3.7.0/echarts.simple.js'></script>
<script src="js/echarts-wordcloud.js"></script>
</head>
<body>
<!-- 导航栏1 -->
<header>
<div class="top inner-wrap clearfix">
<a href="#" class="logo"><img src="img/logo11.png" alt=""></a>
<span class="blue-btn hidden" id="login-wrap" style="display: block;">
<a href="#" id="login">登录</a>/<a href="#" id="register">注册</a>
</span>
<ul class="clearfix" id="menu" style="margin-right: 110px;">
<li>
<a href="index.html">首页</a>
</li>
<li class="help">
<a href="javascript:;">量化策略</a>
<div class="sub">
<a href="celue.html">策略商场</a>
<a href="celue.html">售卖我的策略</a>
<span class="arrow"></span>
</div>
</li>
<li class="help">
<a href="feature.html">特色功能</a>
<div class="sub">
<a href="feature.html#AR">AR增强显示</a>
<a href="feature.html#wordCloud">热门股票词云</a>
<a href="feature.html#imageIdentity">随手拍 出股票</a>
<a href="feature.html#recommend">智能策略推荐</a>
<a href="feature.html#news">舆情分析</a>
<span class="arrow"></span>
</div>
</li>
<li>
<a href="#" class="help">量化选股</a>
</li>
<li class="help">
<a href="javascript:;">帮助</a>
<div class="sub">
<a href="#">关于御宽</a>
<a href="#">团队概况</a>
<a href="#">加入我们</a>
<a href="#">反馈</a>
<span class="arrow"></span>
</div>
</li>
<li id="userCenter" class="help hidden">
<a href="userCenter.html">个人中心</a>
<div class="sub">
<a href="userCenter.html">我的策略</a>
<a href="userCenter.html">我的订阅</a>
<a href="userCenter.html">我的收藏</a>
<a href="userCenter.html">账户设置</a>
<a href="userCenter.html" class="cancel">注销</a>
<span class="arrow"></span>
</div>
</li>
<li id="admin" class="help hidden">
<a href="admin.html">管理中心</a>
<div class="sub">
<a href="javascript:;" class="cancel">注销</a>
<span class="arrow"></span>
</div>
</li>
</ul>
</div>
</header>
<!-- 欢迎页 -->
<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas>
<h1 class="main-title">TulipQuant 御宽</h1>
<h3 class="sub-title">特色功能</h3>
<a href="#AR" class="chevron-down smoothScroll">
<img class="icon" src="img/chevron_down_white.svg" title="Scroll down" alt="Chevron pointing downwards">
</a>
</div>
<!-- 功能页导航栏 -->
<div class="nav-container">
<!-- affix -->
<nav id="main-navigation" class="navbar navbar-default">
<div class="container">
<div class="navbar-header" data-toggle="collapse" data-target="#main-navbar">
<a class="navbar-brand smoothScroll" href="#home">
<img class="logo" src="img/logo9.png" title="Logo" alt="TulipQuant logo">
</a>
</div>
<div id="main-navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a class="smoothScroll" href="index.html">首页</a></li>
<li><a class="smoothScroll" href="#AR">AR增强显示</a></li>
<li><a class="smoothScroll" href="#wordCloud">热门股票词云</a></li>
<li><a class="smoothScroll" href="#imageIdentity">随手拍 出股票</a></li>
<li><a class="smoothScroll" href="#recommend">智能策略推荐</a></li>
<li><a class="smoothScroll" href="#news">舆情分析</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- AR -->
<div class="banner" id="AR">
<ul>
<li class="banner01">
<div class="background">
<div class="content clearfix">
<p><span>“基于</span><b>U3D</b>开发的<b>AR虚拟现实技术</b>的K线查看功能，将<b>k线走势</b>移出屏幕，呈现在任何你想要的<b>实景平面</b>之上，让您在枯燥的盯盘过程中，以一种全新的形式关注<b>标的走势</b>，享受科技带来的乐趣。”</p>
</div>
<div class="content clearfix wechatImg">
<img src="img/wechat_no.jpeg">
</div>
</div>
</li>
</ul>
<a href="#wordCloud" class="chevron-down smoothScroll">
<img class="icon" src="img/chevron_down_black.svg" title="Scroll down" alt="Chevron pointing downwards">
</a>
</div>
<!-- 词云 -->
<div class="banner" id="wordCloud">
<ul>
<li class="banner02">
<div class="background">
<div class="content clearfix">
<p><span>“基于</span><b>增量式爬虫</b>及<b>自然语言处理</b>在最近时效内的<b>研报</b>中找寻被<b>机构</b>关注最多的每日热门股票，指引您后世关注标的的<b>方向</b>，大大提高您的<b>选股成功率</b>及<b>准确性</b>。”</p>
<button class="wordCloudBtn btn btn-primary" onclick="javascrtpt:window.location.href='specificWordCloud.html'">查看更多</button>
</div>
<div class="content clearfix" id='main'>
<script type="text/javascript" src="js/wordCloud.js"></script>
</div>
</div>
</li>
</ul>
<a href="#imageIdentity" class="chevron-down smoothScroll">
<img class="icon" src="img/chevron_down_black.svg" title="Scroll down" alt="Chevron pointing downwards">
</a>
</div>
<!-- 拍照出股票 -->
<div class="banner" id="imageIdentity">
<ul>
<li class="banner03">
<div class="background">
<div class="content clearfix">
<p><span>“基于</span><b>卷积神经网络</b>和<b>迁移学习</b>，对上传的照片进行<b>高准确率</b>地识别，并将结果通过<b>自然语言处理</b>及<b>推荐算法处理</b>进而得出相应<b>上市公司</b>，便于您直接通过照片来查询对应标的，从而<b>及时</b>做出投资决定。”</p>
</div>
<div class="content clearfix">
<!-- 图片浏览筐 -->
<div class="user-photo-box browse">
<img id="user-photo" src="img/img02.png">
</div>
<button class="uploadBtn btn btn-primary" onclick="javascrtpt:window.location.href='specificPhotoRecognize.html'">上传图片
</div>
</div>
</li>
</ul>
<a href="#recommend" class="chevron-down smoothScroll">
<img class="icon" src="img/chevron_down_black.svg" title="Scroll down" alt="Chevron pointing downwards">
</a>
</div>
<!-- 推荐算法 -->
<div class="banner" id="recommend">
<ul>
<li class="banner04">
<div class="background">
<div class="content clearfix">
<p><span>“通过</span>构建完备的<b>用户评估机制</b>，建立用户画像的<b>标签体系</b>，利用<b>逻辑回归、集成学习</b>等智能学习算法搭建<b>协同过滤推荐系统</b>，为用户推荐真正符合自己投资风格的<b>量化策略</b>。”</p>
<button class="recommendBtn btn btn-primary" onclick="javascrtpt:window.location.href='wenjuan.html'">我的智能投顾</button>
</div>
<div class="content clearfix">
<img src="img/img01.png" style="height: 340px;margin-left: -60px;margin-top: 20px">
</div>
</div>
</li>
</ul>
<a href="#news" class="chevron-down smoothScroll">
<img class="icon" src="img/chevron_down_black.svg" title="Scroll down" alt="Chevron pointing downwards">
</a>
</div>
<!-- 舆情分析 -->
<div class="banner" id="news">
<ul>
<li class="banner05">
<div class="background">
<div class="content clearfix">
<p><span>“基于</span><b>增量式爬虫</b>爬取各大论坛的回帖与评论，进一步利用<b>人工智能</b>分词提取关键信息，通过<b>大数据</b>计算分析市场的<b>情绪指标</b>，最终得到如右图所示的市场情绪指标</p>
</div>
<div class="content clearfix browse">
<div class="browse">
<div id="newsAnalyse" style="width: 450px;height:360px;"></div>
<script type="text/javascript">
$.ajax({
method: 'POST',
url: '/Tulip-Quant/echarts/opinionanalysis',
dataType: 'json',
success: function(data) {
initChart(data);
}
});
function initChart(data) {
var myChart = echarts.init(document.getElementById('newsAnalyse'));
var date = [];
var opinionGood = [];
var opinionBad = []
for (var i = 0; i < 5; i++) {
date.push(data[i].date);
opinionGood.push(data[i].opinion);
opinionBad.push(1 - data[i].opinion);
}
var option = {
title: {
text: '市场情绪指标'
},
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
legend: {
data: ['正面情绪', '负面情绪']
},
grid: {
left: '5%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [{
type: 'value'
}],
yAxis: [{
type: 'category',
axisTick: { show: false },
data: date
}],
series: [{
name: '正面情绪',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true
}
},
data: opinionGood
},
{
name: '负面情绪',
type: 'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'left'
}
},
data: opinionBad
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}
</script>
</div>
<button class="historyBtn btn btn-primary" onclick="javascrtpt:window.location.href='opinionAnalysis.html'">查看往期</button>
</div>
</div>
</li>
</ul>
</div>
</body>
<!-- js -->
<script src="https://cdn.bootcss.com/cropper/3.1.3/cropper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/feature.js"></script>
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="js/cropperfunc.js"></script>
<!-- 欢迎页background -->
<script src="js/smooth-scroll.min.js"></script>
<script src="js/feature/TweenLite.min.js"></script>
<script src="js/feature/EasePack.min.js"></script>
<script src="js/feature/demo-1.js"></script>