马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 wongyusing 于 2018-9-1 22:02 编辑
项目地址在github地址
问题在里面的templates/range_k_line.html中,如下:<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<title>haha</title>
</head>
<body>
<div id="site-container" style="min-width:400px;height:400px;position: relative"></div>
<div id="site-master" style="min-width:400px;height:200px;position: relative;"></div>
<script>
// 获取股票json数据
var json = (function() {
var result;
$.ajax({
type:'GET',
url:'http://127.0.0.1:8888',
dataType:'json',
async:false,
success:function(data){
result = data;
}
});
return result;
})();
// 股票代码
stock_code = json.code[0]
// 时间
stock_time = json.date;
var stock_time_list = [];
for (var key in stock_time) {
stock_time_list.push(stock_time[key]);
};
// 开盘价格
open = json.open;
var open_list = [];
for (var key in open) {
open_list.push(open[key]);
};
// 收盘价格
close = json.close;
var close_list = [];
for (var key in close) {
close_list.push(close[key]);
};
// 最高价
high = json.high;
var high_list = [];
for (var key in high) {
high_list.push(high[key]);
};
// 最低价
low = json.low;
var low_list = [];
for (var key in low) {
low_list.push(low[key]);
};
// 交易量
low = json.low;
var low_list = [];
for (var key in low) {
low_list.push(low[key]);
};
volume = json.volume;
var volume_list = [];
for (var key in volume) {
volume_list.push(volume[key]);
};
// 股票详细数据获取
var stock_detail = (function() {
var result;
$.ajax({
type:'GET',
url:'static/data/detail.json',
dataType:'json',
async:false,
success:function(data){
result = data;
}
});
return result;
})();
// 公司名称
stock_name = stock_detail.name[stock_code]
console.log(stock_name);
// 股票公司地址,详情信息获取的键名在get_stock_detail.py文件中
// 留坑 还有公司官网,财务情况的信息尚未获取
// 后续优化再进行获取
// 绘制详情图函数,后期由控制函数填写开始值和结束值
function createDetail(start_num,end_num) {
// 开始绘图
var options = {
chart: {
type: 'line',
//colors: ['#7cb5ec',]
},
title: {
text: stock_code
},
xAxis: {
categories: stock_time_list.slice(0,-1)
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: '开盘价',
data: open_list.slice(0,-1),
},]
};
var chart = Highcharts.chart('site-container', options);
}
function createMaster(start_num,end_num) {
// 开始绘图
var options = {
chart: {
type: 'column',
//colors: ['#7cb5ec',]
},
title: {
text: stock_code
},
xAxis: {
categories: stock_time_list
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: '交易量',
data: volume_list
},]
};
Highcharts.chart('site-master', options);
}
createDetail();
createMaster();
</script>
</body>
</html>
我准备把这个页面的下面的成交量图让它改写成一个控制图。
意思是成交数量图可以控制上面的数据详细图。
想要实现的效果
json数据在github链接
在写javascript事件语句前,我想先了解如何赋予createDetail();函数中的data和categories一个默认的值。
然后我在操作createMaster();函数时,往createDetail();函数传参改变data的值。
如果刷新页面后,createDetail();有变成原来默认的值。
|