simon/echart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add stock dividend trend analysis page with chart rendering and data fetching

Browse Source
This commit is contained in:
杨水淼
2025-09-02 12:41:09 +08:00
parent 4b3a51083b
commit 521e0687a4
10 changed files with 1563 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/head.php
+1 -1
View File
@@ -6,7 +6,7 @@
<script type="text/javascript" src="lib/jquery.min.js?version=3.6.0"></script>
<script type="text/javascript" src="/lib/echarts/5.4.2/echarts.js"></script>
<script type="text/javascript" src="/lib/DataTables-2/datatables.min.js"></script>
<script type="text/javascript" src="/js/pubfunc.js?version=0.13"></script>
<script type="text/javascript" src="/js/pubfunc.js?version=0.14"></script>
<link href="css/style.css?version=0.7" rel="stylesheet" type="text/css">
<link href="/lib/DataTables-2/datatables.min.css" rel="stylesheet" type="text/css">
<title><?=$title?></title>
index.php
+1
View File
@@ -20,6 +20,7 @@ $_REQUEST['ts_code']=$_REQUEST['ts_code']?$_REQUEST['ts_code']:'600000';
<div class="div_block">个股：股票代码: <input type='text' name='ts_code' id='ts_code' size="12" value='<?=$_REQUEST['ts_code']?>' ></div>
<div class="div_block">个股：<a href="#" onclick="openurl('https://echart.doorcome.cn/stock_trend.php');">股价VS PE/PB/PS 趋势</a></div>
<div class="div_block">个股：<a href="#" onclick="openurl('https://echart.doorcome.cn/stockep.php');">股价VS EP</a></div>
<div class="div_block">个股：<a href="#" onclick="openurl('https://echart.doorcome.cn/stockdiv.php');">股价VS 股息率</a></div>
<div class="div_block">个股：<a href="#" onclick="openurl('https://echart.doorcome.cn/stockmargin.php');">股价VS 融资融券余额</a></div>
<div class="div_block">个股：<a href="#" onclick="openurl('https://echart.doorcome.cn/hkholdbycode.php');">股价VS 北向资金持股</a></div>
<div class='div_block'>个股：<a href="#" onclick="openurl('https://echart.doorcome.cn/stock_ih.php');">股价VS 机构持仓趋势</a></div>
js/pubfunc.js
+1 -1
View File
@@ -92,7 +92,7 @@ function pickData(data, dateKey, valueKey,fixed=2) {
return data.map(item => ({
value: [
item[dateKey].slice(0, 4) + '-' + item[dateKey].slice(4, 6) + '-' + item[dateKey].slice(6, 8), // 格式化日期 yyyymmdd 转为 yyyy-mm-dd
item[valueKey] === null || item[valueKey] === undefined || item[valueKey] === '' ? '' : item[valueKey].toFixed(fixed)
item[valueKey] === null || item[valueKey] === undefined || item[valueKey] === '' ? '' : parseFloat(item[valueKey]).toFixed(fixed)
]
}));
}
js/renderCharts.js
+1
View File
@@ -102,4 +102,5 @@ function doubleLineChart(params){
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
return myChart;
}
research/zhongguoxituyanjiu.html
+1430
View File
File diff suppressed because it is too large Load Diff
stockTradeRecord.php
+1 -1
View File
@@ -1,5 +1,5 @@
<?php
ini_set("display_errors","1");
ini_set("display_errors","0");
include_once dirname(__FILE__) . "/inc/getBasic.inc.php";
include_once dirname(__FILE__) . "/inc/tradeRec.inc.php";
include_once __DIR__ . "/inc/postJson.inc.php";
stock_trend.php
+2
View File
@@ -1,7 +1,9 @@
<?php
include_once "inc/getBasic.inc.php";
$_REQUEST['ts_code']=$_REQUEST['ts_code']?$_REQUEST['ts_code']:'000001';
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2015-01-01';
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:'';
$ts_name = tscodeToName(ts_code_conv($_REQUEST['ts_code']));
$title="股价VS PE/PB/PS 趋势:".$ts_name.'('.$_REQUEST['ts_code'].')';
include_once "html/head.php";
?>
stockdiv.php
+123
View File
@@ -0,0 +1,123 @@
<?php
include_once "inc/getBasic.inc.php";
$_REQUEST['ts_code']=$_REQUEST['ts_code']?$_REQUEST['ts_code']:'000001';
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2020-01-01';
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:date('Y-m-d');
$ts_name = tscodeToName(ts_code_conv($_REQUEST['ts_code']));
$title="股息率趋势:".$ts_name.'('.$_REQUEST['ts_code'].')';
include_once "html/head.php";
?>
<script src="js/renderCharts.js?version=1.0"></script>
<form name="main" id="main" method="get"> <div style="width:100%;text-align:center">
股票代码: <input type='text' name='ts_code' id='ts_code' width="30px" value='<?=$_REQUEST['ts_code']?>' >
开始时间: <input type='date' name='t_start' id='t_start' width='30px' value='<?=$_REQUEST['t_start']?>' >
结束时间: <input type='date' name='t_end' id='t_end' width='30px' value='<?=$_REQUEST['t_end']?>' >
<button id="submitBtn" class="btn-submit"><span>查询数据</span></button>
<div >&nbsp;</div>
</div> </form>
<div style="margin:0 auto;clear:both;left:100px;width:1000px;height:30px;text-align:left"><span style="color:grey">股息率=100*TTM每股派息/股价。如：股息率=3表示每股派息3%</span></div>
<!-- 图表容器 -->
<div id="container" style="width: 1000px;height:400px; margin: 0 auto 20px;">
<div class="loading-overlay" id="loadingOverlay">
<div class="spinner"></div>
<p style="font-size:18px; color:#2c3e50;">正在加载数据，请稍候...</p>
</div>
</div>
</div>
<script>
// 页面加载时初始化图表
$(document).ready(function() {
// 加载初始数据
loadChartData();
// 绑定按钮点击事件
$('#submitBtn').click(function(e) {
//e.preventDefault(); // 阻止表单提交刷新页面
$('#loadingOverlay').addClass('active');
loadChartData();
$('#loadingOverlay').removeClass('active');
});
});
// 加载图表数据的函数
function loadChartData() {
// 显示加载动画
$('#loadingOverlay').addClass('active');
let t_start = $('#t_start').val();
let t_end = $('#t_end').val();
let ts_code = $("#ts_code").val();
url = "https://api.doorcome.cn/api/getdiv/?tscode="+ts_code;
url += "&start_date="+t_start+"&end_date="+t_end;
Promise.all([
fetch(url)
])
.then(responses => Promise.all(responses.map(r => r.json())))
.then(([parsedData]) => {
var params = {};
params.chartid='container';
params.legend = [ts_code,'股息率','每股股息'];
params.text = params.legend[0]+' V.S '+params.legend[1];
params.data1 = pickData(parsedData, 'trade_date', 'close');
params.data2 = pickData(parsedData, 'trade_date', 'div_yield');
params.data3 = pickData(parsedData, 'trade_date', 'cash_div_tax',fixed=3);
params.data3 = params.data3.map(item => {
let value = item.value[1];
// 将字符串转为数字，并判断是否等于 0
if (parseFloat(value) === 0) {
return [item[0], null];
} else {
return item; // 非零值保持不变
}
});
console.log(params.data3);
dataCal = calculateStats(params.data2);
params.sub_text = "TTM 股息 Max:"+dataCal['max'];
params.sub_text += ", Min:"+dataCal['min'];
params.sub_text += ", Average:"+dataCal['avg'];
params.sub_text += ", Recent:"+dataCal['last'];
var myChart = doubleLineChart(params);
// 👇 动态添加第三条线，使用副Y轴（yAxisIndex: 1）
myChart.setOption({
yAxis: [
{ // 主Y轴配置
type: 'value'
},
{ // 副Y轴配置
type: 'value',
name: '股息率/股息',
position: 'right'
}
],
series: [
// 前两个 series 保持不变（ECharts 会合并）
{}, // 占位：对应第一个 series
{}, // 占位：对应第二个 series
{
name: '每股股息',
type: 'scatter',
yAxisIndex:1,
symbolSize: 10,
smooth:false,
data:params.data3
}
]
});
})
.catch(error => console.error('数据加载失败:', error))
.finally(() => {
// 隐藏加载动画
$('#loadingOverlay').removeClass('active');
});
}
</script>
</div>
<?php include_once "html/footer.php"; ?>
stockep.php
+3 -9
View File
@@ -1,15 +1,9 @@
<?php
/*
* @Author: 杨水淼 yangshuimiao@jsjd.cc
* @Date: 2025-07-16 14:34:25
* @LastEditors: 杨水淼 yangshuimiao@jsjd.cc
* @LastEditTime: 2025-07-17 10:45:36
* @FilePath: \echarts\stockep.php
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
include_once "inc/getBasic.inc.php";
$_REQUEST['ts_code']=$_REQUEST['ts_code']?$_REQUEST['ts_code']:'000001';
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2022-01-01';
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2020-01-01';
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:date('Y-m-d');
$ts_name = tscodeToName(ts_code_conv($_REQUEST['ts_code']));
$title="股价VS EP趋势:".$ts_name.'('.$_REQUEST['ts_code'].')';
include_once "html/head.php";
?>
stockmargin.php
-8
View File
@@ -1,12 +1,4 @@
<?php
/*
* @Author: Simon failsafe@163.com
* @Date: 2023-10-26 10:22:48
* @LastEditors: Simon failsafe@163.com
* @LastEditTime: 2025-07-13 11:00:17
* @FilePath: /www/stockmargin.php
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
include_once "inc/getBasic.inc.php";
$_REQUEST['ts_code']=$_REQUEST['ts_code']?$_REQUEST['ts_code']:'000001';
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2015-01-01';