105 lines
5.3 KiB
HTML
105 lines
5.3 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="VtXivSkVGWsI" style="width:900px;height:500px;"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
let goecharts_VtXivSkVGWsI = echarts.init(document.getElementById('VtXivSkVGWsI'), "white");
|
|
let option_VtXivSkVGWsI = {"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}]}],"title":{"text":"性能指标概述"},"tooltip":{"show":false},"xAxis":[{"data":["平均响应时间 (ms)","P90响应时间 (ms)","P95响应时间 (ms)","P99响应时间 (ms)"]}],"yAxis":[{}]}
|
|
;
|
|
|
|
let action_VtXivSkVGWsI = {"areas":{},"type":""}
|
|
;
|
|
|
|
goecharts_VtXivSkVGWsI.setOption(option_VtXivSkVGWsI);
|
|
goecharts_VtXivSkVGWsI.dispatchAction(action_VtXivSkVGWsI);
|
|
</script>
|
|
|
|
<div class="container">
|
|
<div class="item" id="vwmlpHKQyHVV" style="width:900px;height:500px;"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
let goecharts_vwmlpHKQyHVV = echarts.init(document.getElementById('vwmlpHKQyHVV'), "white");
|
|
let option_vwmlpHKQyHVV = {"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":0}]}],"title":{"text":"响应时间分布"},"tooltip":{"show":false},"xAxis":[{"data":["≤100ms","100-200ms","200-500ms","500-1000ms","1000-2000ms","2000-5000ms","5000-10000ms",">10000ms"]}],"yAxis":[{}]}
|
|
;
|
|
|
|
let action_vwmlpHKQyHVV = {"areas":{},"type":""}
|
|
;
|
|
|
|
goecharts_vwmlpHKQyHVV.setOption(option_vwmlpHKQyHVV);
|
|
goecharts_vwmlpHKQyHVV.dispatchAction(action_vwmlpHKQyHVV);
|
|
</script>
|
|
|
|
<div class="container">
|
|
<div class="item" id="ONXViPrQSJxX" style="width:900px;height:500px;"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
let goecharts_ONXViPrQSJxX = echarts.init(document.getElementById('ONXViPrQSJxX'), "white");
|
|
let option_ONXViPrQSJxX = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":null,"title":{"text":"QPS随时间变化"},"tooltip":{"show":false},"xAxis":[{}],"yAxis":[{}]}
|
|
;
|
|
|
|
let action_ONXViPrQSJxX = {"areas":{},"type":""}
|
|
;
|
|
|
|
goecharts_ONXViPrQSJxX.setOption(option_ONXViPrQSJxX);
|
|
goecharts_ONXViPrQSJxX.dispatchAction(action_ONXViPrQSJxX);
|
|
</script>
|
|
|
|
<div class="container">
|
|
<div class="item" id="KFGiaxLKrHzO" style="width:900px;height:500px;"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
let goecharts_KFGiaxLKrHzO = echarts.init(document.getElementById('KFGiaxLKrHzO'), "white");
|
|
let option_KFGiaxLKrHzO = {"animation":true,"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":true,"type":""},"series":null,"title":{"text":"Token生成速率随时间变化"},"tooltip":{"show":false},"xAxis":[{}],"yAxis":[{}]}
|
|
;
|
|
|
|
let action_KFGiaxLKrHzO = {"areas":{},"type":""}
|
|
;
|
|
|
|
goecharts_KFGiaxLKrHzO.setOption(option_KFGiaxLKrHzO);
|
|
goecharts_KFGiaxLKrHzO.dispatchAction(action_KFGiaxLKrHzO);
|
|
</script>
|
|
|
|
<div class="container">
|
|
<div class="item" id="eUNIZaAWZYZJ" style="width:900px;height:500px;"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
let goecharts_eUNIZaAWZYZJ = echarts.init(document.getElementById('eUNIZaAWZYZJ'), "white");
|
|
let option_eUNIZaAWZYZJ = {"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":null},{"name":"P90响应时间 (ms)","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":null},{"name":"P95响应时间 (ms)","type":"line","smooth":false,"connectNulls":false,"showSymbol":false,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":true,"data":null}],"title":{"text":"并发与响应时间关系"},"tooltip":{"show":false},"xAxis":[{"data":[]}],"yAxis":[{}]}
|
|
;
|
|
|
|
let action_eUNIZaAWZYZJ = {"areas":{},"type":""}
|
|
;
|
|
|
|
goecharts_eUNIZaAWZYZJ.setOption(option_eUNIZaAWZYZJ);
|
|
goecharts_eUNIZaAWZYZJ.dispatchAction(action_eUNIZaAWZYZJ);
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|