echart/index_mv_all.php

<?php
$_REQUEST['code']=$_REQUEST['code']?$_REQUEST['code']:'000001.SH';  
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2015-01-01';
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:'';
$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">
指数代码: 
<select name='code' id='code'>
    <option value='000001.SH'>上证指数</option>
    <option value='399001.SZ'>深圳成指</option>
    <option value='399005.SZ'>中小板指</option>
    <option value='399006.SZ'>创业板指</option>
    <option value='000016.SH'>上证50</option>
    <option value='399300.SZ'>沪深300</option>
    <option value='399905.SZ'>中证500</option>
</select>&nbsp;
<script>
    $('#code').val('<?=$_REQUEST['code']?>');
</script>
开始时间: <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']?>' >
<input type='submit' value="给我查!">
<div >&nbsp;</div>
<input type='checkbox' id='cb_total_mv' onclick="hideSwitch(this.id,'total_mv')" checked > 两市总市值
<input type='checkbox' id='cb_circ_mv' onclick="hideSwitch(this.id,'circ_mv')" checked> 两市流通市值
</div> </form>
<div >&nbsp;</div>

<!-- 图表容器 -->
<div id="total_mv" style="width: 1000px; height:400px; margin: 0 auto 20px;"></div>

<div id="float_mv" style="width: 1000px; height:400px; margin: 0 auto 20px;"></div>

<script>
    let t_start = $('#t_start').val();
    let t_end = $('#t_end').val();
    let code = $("#code").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/indexDatas/?tscode=000001.SH";
    url1 +=  "&start_date="+t_start+"&end_date="+t_end;
    url2 =   "https://api.doorcome.cn/api/indexDatas/?tscode=399001.SZ";
    url2 +=  "&start_date="+t_start+"&end_date="+t_end;
    Promise.all([
        fetch(url),
        fetch(url1),
        fetch(url2)
        ])
        .then(responses => Promise.all(responses.map(r => r.json())))
        .then(([searchData,SHData,SZData]) => {
            let dataMain=pickData(searchData, 'trade_date', 'close');
            let totalMVSH=pickData(SHData, 'trade_date', 'total_mv');
            let floatMVSH=pickData(SHData, 'trade_date', 'float_mv');
            let totalMVSZ=pickData(SZData, 'trade_date', 'total_mv');
            let floatMVSZ=pickData(SZData, 'trade_date', 'float_mv');
            let data_TotalMV=mergeAndSumArrays(totalMVSH,totalMVSZ);
            let data_folatMV=mergeAndSumArrays(floatMVSH,floatMVSZ);
            
            // 图表配置:total_mv
            params = {};
            params.chartid='total_mv';
            params.legend = [codeName,'总市值-万亿'];
            params.text = params.legend[0]+' V.S '+params.legend[1];
            params.data1 = dataMain;
            params.data2 = data_TotalMV;
            params.data2 = params.data2.map(item => {
                return {
                    value: [
                        item.value[0], 
                        parseFloat((parseFloat(item.value[1]) / 10000 / 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);

            // 图表配置:float_mv
            params = {};
            params.chartid='float_mv';
            params.legend = [codeName,'流通市值-万亿'];
            params.text = params.legend[0]+' V.S '+params.legend[1];
            params.data1 = dataMain;
            params.data2 = data_folatMV;
            params.data2 = params.data2.map(item => {
                return {
                    value: [
                        item.value[0], 
                        parseFloat((parseFloat(item.value[1]) / 10000 / 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));
// 函数：合并两个数组，日期相同则数字相加
function mergeAndSumArrays(arr1, arr2) {
    // 创建一个 Map 来存储日期和对应的数字总和
    const resultMap = new Map();

    // 处理第一个数组
    arr1.forEach(item => {
        const [date, value] = item.value;
        resultMap.set(date, (resultMap.get(date) || 0) + parseFloat(value));
    });

    // 处理第二个数组
    arr2.forEach(item => {
        const [date, value] = item.value;
        resultMap.set(date, (resultMap.get(date) || 0) + parseFloat(value));
    });

    // 将 Map 转换为数组格式
    const resultArray = Array.from(resultMap, ([date, totalValue]) => ({
        value: [date, totalValue]
    }));

    return resultArray;
}
</script>
<?php include_once("html/footer.php"); ?>