122 lines
7.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LLM API 基准测试报告</title>
<script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
</head>
<body>
<style> .container {display: flex;justify-content: center;align-items: center;} .item {margin: auto;} </style>
<div class="container">
<div class="item" id="aSfAGplLSteQ" style="width:900px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_aSfAGplLSteQ = echarts.init(document.getElementById('aSfAGplLSteQ'), "white");
let option_aSfAGplLSteQ = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":[{"name":"指标","type":"bar","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":2},{"value":2},{"value":0},{"value":37744},{"value":37744},{"value":37744},{"value":37744},{"value":10506},{"value":15294},{"value":12900},{"value":12900},{"value":12900},{"value":0.026483034073583565},{"value":0.0969595779155654}]}],"title":{"text":"性能概览"},"tooltip":{"show":false},"xAxis":[{"data":["总请求数","成功请求数","失败请求数","平均响应时间(ms)","P90响应时间(ms)","P95响应时间(ms)","P99响应时间(ms)","最小TTFT(ms)","最大TTFT(ms)","P90 TTFT(ms)","P95 TTFT(ms)","P99 TTFT(ms)","平均QPS","最大QPS"]}],"yAxis":[{}]}
;
let action_aSfAGplLSteQ = {"areas":{},"type":""}
;
goecharts_aSfAGplLSteQ.setOption(option_aSfAGplLSteQ);
goecharts_aSfAGplLSteQ.dispatchAction(action_aSfAGplLSteQ);
</script>
<div class="container">
<div class="item" id="DwwvtKaQhzEF" style="width:900px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_DwwvtKaQhzEF = echarts.init(document.getElementById('DwwvtKaQhzEF'), "white");
let option_DwwvtKaQhzEF = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":[{"name":"请求数","type":"bar","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":0},{"value":0},{"value":0},{"value":0},{"value":0},{"value":0},{"value":0},{"value":2}]}],"title":{"text":"响应时间分布"},"tooltip":{"show":false},"xAxis":[{"data":["≤100ms","100-200ms","200-500ms","500-1000ms","1000-2000ms","2000-5000ms","5000-10000ms",">10000ms"]}],"yAxis":[{}]}
;
let action_DwwvtKaQhzEF = {"areas":{},"type":""}
;
goecharts_DwwvtKaQhzEF.setOption(option_DwwvtKaQhzEF);
goecharts_DwwvtKaQhzEF.dispatchAction(action_DwwvtKaQhzEF);
</script>
<div class="container">
<div class="item" id="HVWnzNBZKEAc" style="width:900px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_HVWnzNBZKEAc = echarts.init(document.getElementById('HVWnzNBZKEAc'), "white");
let option_HVWnzNBZKEAc = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":[{"name":"并发 1","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":[{"value":0.2,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0.2,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"QPS随时间变化"},"tooltip":{"show":false},"xAxis":[{"data":["23:39:38","23:39:43","23:39:48","23:39:53","23:39:58"]}],"yAxis":[{}]}
;
let action_HVWnzNBZKEAc = {"areas":{},"type":""}
;
goecharts_HVWnzNBZKEAc.setOption(option_HVWnzNBZKEAc);
goecharts_HVWnzNBZKEAc.dispatchAction(action_HVWnzNBZKEAc);
</script>
<div class="container">
<div class="item" id="mGFdYgsCXCiS" style="width:900px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_mGFdYgsCXCiS = echarts.init(document.getElementById('mGFdYgsCXCiS'), "white");
let option_mGFdYgsCXCiS = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":[{"name":"并发 1","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":[{"value":49,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":208.8,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"Token生成速率随时间变化"},"tooltip":{"show":false},"xAxis":[{"data":["23:39:38","23:39:43","23:39:48","23:39:53","23:39:58"]}],"yAxis":[{}]}
;
let action_mGFdYgsCXCiS = {"areas":{},"type":""}
;
goecharts_mGFdYgsCXCiS.setOption(option_mGFdYgsCXCiS);
goecharts_mGFdYgsCXCiS.dispatchAction(action_mGFdYgsCXCiS);
</script>
<div class="container">
<div class="item" id="DDTOFvXWYtEp" style="width:900px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_DDTOFvXWYtEp = echarts.init(document.getElementById('DDTOFvXWYtEp'), "white");
let option_DDTOFvXWYtEp = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":[{"name":"平均响应时间 (ms)","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":[{"value":37744.5,"XAxisIndex":0,"YAxisIndex":0}]},{"name":"P90响应时间 (ms)","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":[{"value":37744.5,"XAxisIndex":0,"YAxisIndex":0}]},{"name":"P95响应时间 (ms)","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":[{"value":37744.5,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"并发与响应时间关系"},"tooltip":{"show":false},"xAxis":[{"data":["1"]}],"yAxis":[{}]}
;
let action_DDTOFvXWYtEp = {"areas":{},"type":""}
;
goecharts_DDTOFvXWYtEp.setOption(option_DDTOFvXWYtEp);
goecharts_DDTOFvXWYtEp.dispatchAction(action_DDTOFvXWYtEp);
</script>
<div class="container">
<div class="item" id="dFAjzCwOpWsz" style="width:900px;height:500px;"></div>
</div>
<script type="text/javascript">
"use strict";
let goecharts_dFAjzCwOpWsz = echarts.init(document.getElementById('dFAjzCwOpWsz'), "white");
let option_dFAjzCwOpWsz = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":[{"name":"并发 1","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":[{"value":10506,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":0,"XAxisIndex":0,"YAxisIndex":0},{"value":15294,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"TTFT随时间变化"},"tooltip":{"show":false},"xAxis":[{"data":["23:39:38","23:39:43","23:39:48","23:39:53","23:39:58"]}],"yAxis":[{}]}
;
let action_dFAjzCwOpWsz = {"areas":{},"type":""}
;
goecharts_dFAjzCwOpWsz.setOption(option_dFAjzCwOpWsz);
goecharts_dFAjzCwOpWsz.dispatchAction(action_dFAjzCwOpWsz);
</script>
</body>
</html>