Files
echart/charts/index_margin.php
simonandClaude Opus 4.7 eedead0d41 feat: 全面代码更新 - ECharts 5.4.2 重构、新增量化分析模块、前端库升级
- 升级 ECharts 到 5.4.2,重构 lib/ 目录结构
- 新增 DataTables 2.x 和 FixedColumns 插件
- 新增 quant/ 宏观研究报告模块
- 重构图表页面:stock_trend、hkholdbycode 等采用 JS fetch API.doorcome.cn 模式
- 新增 CLAUDE.md 补充页面文档和新数据流说明
- 更新 inc/config.php TuShare API 配置
- 更新新闻联播分析模块 news/ 和相关研究报告 research/
- 新增 api_document/ 参考文档
- 清理 .gitignore,排除 uploads/xls/.mcp.json/ source maps 等非代码文件
- 所有 PHP 文件通过 php -l 语法检查

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-06 18:01:55 +08:00

102 lines
4.1 KiB
PHP

<?php
include_once("../inc/functions.inc.php");
$_REQUEST['code']=$_REQUEST['code']?$_REQUEST['code']:'000001.SH';
$_REQUEST['se']=$_REQUEST['se']?$_REQUEST['se']:'SSE';
$_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');
$title="指数VS融资融券余额";
include_once "../html/head.php";
?>
<script src="../js/renderCharts.js"></script>
<form name="main" id="main" method="get"> <div style="width:100%;text-align:center">
指数代码: <?php indexList('code'); ?>&nbsp;
融资融券交易所: <?php seList('se'); ?>&nbsp;
开始时间: <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']?>' >
&nbsp;&nbsp;
<button id="submitBtn" class="btn-submit"><span>查询数据</span></button>
<div >&nbsp;</div>
</div> </form>
<div >&nbsp;</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>
<script>
// 页面加载时初始化图表
$(document).ready(function() {
// 设置默认值
$('#code').val('<?= $_REQUEST['code'] ?>');
$('#se').val('<?= $_REQUEST['se'] ?>');
// 加载初始数据
loadChartData();
// 绑定按钮点击事件
$('#submitBtn').click(function(e) {
e.preventDefault(); // 阻止表单提交刷新页面
loadChartData();
});
});
// 加载图表数据的函数
function loadChartData() {
// 显示加载动画
$('#loadingOverlay').addClass('active');
let t_start = $('#t_start').val();
let t_end = $('#t_end').val();
let code = $("#code").val();
let se = $("#se").val();
let codeName=convertIndexCode(code);
url = "https://api.doorcome.cn/api/indexDatas/?tscode="+code;
url += "&start_date="+t_start+"&end_date="+t_end;
url1 = "https://api.doorcome.cn/api/dailymargin/?exchange_id="+se;
url1 += "&start_date="+t_start+"&end_date="+t_end;
Promise.all([
fetch(url),
fetch(url1)
])
.then(responses => Promise.all(responses.map(r => r.json())))
.then(([indexData,seData]) => {
let dataMain=pickData(indexData, 'trade_date', 'close');
let marginData=pickData(seData, 'trade_date', 'rzrqye');
// 图表配置:total_mv
params = {};
params.chartid='container';
params.legend = [codeName,'融资融券余额-亿'];
params.text = params.legend[0]+' V.S '+params.legend[1];
params.data1 = dataMain;
params.data2 = marginData;
params.data2 = params.data2.map(item => {
return {
value: [
item.value[0],
parseFloat((parseFloat(item.value[1]) / 10000 / 10000 ).toFixed(2))
]
};
});
dataCal = calculateStats(params.data2);
params.sub_text = "融资融券余额 Max:"+dataCal['max'];
params.sub_text += ", Min:"+dataCal['min'];
params.sub_text += ", Average:"+dataCal['avg'];
params.sub_text += ", Recent:"+dataCal['last'];
doubleLineChart(params);
})
.catch(error => console.error('数据加载失败:', error))
.finally(() => {
// 隐藏加载动画
$('#loadingOverlay').removeClass('active');
});
}
</script>
<?php include_once("../html/footer.php"); ?>