版权声明：本文为博主原创文章，欢迎转载，转载须注明出处：By 故三殇 https://blog.csdn.net/qq_39720249/article/details/85127141
目录
第2段—— $(document).ready(function()
第3段—— var responseTimePercentilesInfos
第4段—— function setEmptyGraph(elementId)
第5段—— 响应时间百分位数：function refreshResponseTimePercentiles()
第6段—— var responseTimeDistributionInfos
第7段—— 响应时间分布：function refreshResponseTimeDistribution()
第8段—— var syntheticResponseTimeDistributionInfos
第9段—— 响应时间分布：function refreshSyntheticResponseTimeDistribution()
第10段—— var activeThreadsOverTimeInfos
第11段—— 活动线程随时间变化：function refreshActiveThreadsOverTime(fixTimestamps)
第13段—— 时间与线程：function refreshTimeVsThreads()
第14段—— var bytesThroughputOverTimeInfos
第15段—— 字节吞吐量随时间变化：function refreshBytesThroughputOverTime(fixTimestamps)
第16段—— var responseTimesOverTimeInfos
第17段—— 随时间变化的响应时间：function refreshResponseTimeOverTime(fixTimestamps)
第19段—— 一段时间的延迟：function refreshLatenciesOverTime(fixTimestamps)
第20段—— var connectTimeOverTimeInfos
第21段—— 连接时间超时：function refreshConnectTimeOverTime(fixTimestamps)
第22段—— var responseTimePercentilesOverTimeInfos
第23段—— 响应时间百分比随时间变化：function refreshResponseTimePercentilesOverTime(fixTimestamps)
第23段—— var responseTimeVsRequestInfos
第24段—— 响应时间与请求：function refreshResponseTimeVsRequest()
第25段—— var latenciesVsRequestInfos
第26段—— 延迟与请求：function refreshLatenciesVsRequest()
第28段—— 每秒点击次数：function refreshHitsPerSecond(fixTimestamps)
第29段—— var codesPerSecondInfos
第30段—— 每秒代码数：function refreshCodesPerSecond(fixTimestamps)
第31段—— var transactionsPerSecondInfos
第32段—— 每秒处理事务数：function refreshTransactionsPerSecond(fixTimestamps)
第34段—— 每秒处理总事务数：function refreshTotalTPS(fixTimestamps)
第35段—— function collapse(elem, collapsed)
第37段—— function toggleAll(id, checked)
一、文件许可说明
第1段——文件许可说明
/*
Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
// **************************** 译文 *************************** //
/*
Apache软件基金会（ASF）下一个或多个许可
贡献者许可协议。请参阅
此作品用于获取关于版权所有权的附加信息。
ASF根据Apache 2.0 版本许可证协议将此文件授权给您。
(“许可证”)；除非符合以下条件，否则不能使用此文件
许可证。您可以在
http://www.apache.org/licenses/LICENSE-2.0
除非适用法律要求或书面同意，软件
根据在“AS IS”BASIS上分发的许可证基础上发布的，
无任何明示或暗示的保证或条件。
有关管理权限的特定语言，请参阅许可证
《许可证》规定的限制。
/*二、已封装的方法
第2段—— $(document).ready(function()
页面加载完成事件 ready：表示文档结构已经加载完成（不包含图片等非文字媒体文件）
$(document).ready(function() {
$(".click-title").mouseenter( function( e){
e.preventDefault();
this.style.cursor="pointer";
});
$(".click-title").mousedown( function(event){
event.preventDefault();
});
// Ugly code while this script is shared among several pages
// 译文：当这个脚本在几个页面中共享时，代码很难看。
try{
refreshHitsPerSecond(true);
} catch(e){}
try{
refreshResponseTimeOverTime(true);
} catch(e){}
try{
refreshResponseTimePercentiles();
} catch(e){}
});第3段—— var responseTimePercentilesInfos
var responseTimePercentilesInfos = {
data: ${responseTimePercentiles!"{}"},
getOptions: function() {
return {
series: {
points: { show: false }
},
legend: {
noColumns: 2,
show: true,
container: '#legendResponseTimePercentiles'
},
xaxis: {
tickDecimals: 1,
axisLabel: "Percentiles",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Percentile value in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : %x.2 percentile was %y ms"
},
selection: { mode: "xy" },
};
},
createGraph: function() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesResponseTimePercentiles"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotResponseTimesPercentiles"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewResponseTimesPercentiles"), dataset, prepareOverviewOptions(options));
}
};第4段—— function setEmptyGraph(elementId)
/**
* @param elementId Id of element where we display message
* 译文：@参数 elementId 是显示消息的元素标识 ID
*/
function setEmptyGraph(elementId) {
$(function() {
$(elementId).text("No graph series with filter="+seriesFilter);
});
}第5段—— 响应时间百分位数：function refreshResponseTimePercentiles()
// Response times percentiles
// 译文：响应时间百分位数
function refreshResponseTimePercentiles() {
var infos = responseTimePercentilesInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyResponseTimePercentiles");
return;
}
if (isGraph($("#flotResponseTimesPercentiles"))){
infos.createGraph();
} else {
var choiceContainer = $("#choicesResponseTimePercentiles");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotResponseTimesPercentiles", "#overviewResponseTimesPercentiles");
$('#bodyResponseTimePercentiles .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
}第6段—— var responseTimeDistributionInfos
var responseTimeDistributionInfos = {
data: ${responseTimeDistribution!"{}"},
getOptions: function() {
var granularity = this.data.result.granularity;
return {
legend: {
noColumns: 2,
show: true,
container: '#legendResponseTimeDistribution'
},
xaxis:{
axisLabel: "Response times in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Number of responses",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
bars : {
show: true,
barWidth: this.data.result.granularity
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: function(label, xval, yval, flotItem){
return yval + " responses for " + label + " were between " + xval + " and " + (xval + granularity) + " ms";
}
}
};
},
createGraph: function() {
var data = this.data;
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotResponseTimeDistribution"), prepareData(data.result.series, $("#choicesResponseTimeDistribution")), options);
}
};第7段—— 响应时间分布：function refreshResponseTimeDistribution()
// Response time distribution
// 译文：响应时间分布
function refreshResponseTimeDistribution() {
var infos = responseTimeDistributionInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyResponseTimeDistribution");
return;
}
if (isGraph($("#flotResponseTimeDistribution"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesResponseTimeDistribution");
createLegend(choiceContainer, infos);
infos.createGraph();
$('#footerResponseTimeDistribution .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第8段—— var syntheticResponseTimeDistributionInfos
var syntheticResponseTimeDistributionInfos = {
data: ${syntheticResponseTimeDistribution!"{}"},
getOptions: function() {
return {
legend: {
noColumns: 2,
show: true,
container: '#legendSyntheticResponseTimeDistribution'
},
xaxis:{
axisLabel: "Response times ranges",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
tickLength:0,
min:-0.5,
max:3.5
},
yaxis: {
axisLabel: "Number of responses",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
bars : {
show: true,
align: "center",
barWidth: 0.25,
fill:.75
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: function(label, xval, yval, flotItem){
return yval + " " + label;
}
}
};
},
createGraph: function() {
var data = this.data;
var options = this.getOptions();
prepareOptions(options, data);
options.xaxis.ticks = data.result.ticks;
$.plot($("#flotSyntheticResponseTimeDistribution"), prepareData(data.result.series, $("#choicesSyntheticResponseTimeDistribution")), options);
}
};第9段—— 响应时间分布：function refreshSyntheticResponseTimeDistribution()
// Response time distribution
// 译文：响应时间分布
function refreshSyntheticResponseTimeDistribution() {
var infos = syntheticResponseTimeDistributionInfos;
prepareSeries(infos.data, true);
if (isGraph($("#flotSyntheticResponseTimeDistribution"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesSyntheticResponseTimeDistribution");
createLegend(choiceContainer, infos);
infos.createGraph();
$('#footerSyntheticResponseTimeDistribution .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第10段—— var activeThreadsOverTimeInfos
var activeThreadsOverTimeInfos = {
data: ${activeThreadsOverTime!"{}"},
getOptions: function() {
return {
series: {
stack: true,
lines: {
show: true,
fill: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Number of active threads",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20
},
legend: {
noColumns: 6,
show: true,
container: '#legendActiveThreadsOverTime'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
selection: {
mode: 'xy'
},
tooltip: true,
tooltipOpts: {
content: "%s : At %x there were %y active threads"
}
};
},
createGraph: function() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesActiveThreadsOverTime"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotActiveThreadsOverTime"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewActiveThreadsOverTime"), dataset, prepareOverviewOptions(options));
}
};
第11段—— 活动线程随时间变化：function refreshActiveThreadsOverTime(fixTimestamps)
// Active Threads Over Time
// 译文：活动线程随时间变化
function refreshActiveThreadsOverTime(fixTimestamps) {
var infos = activeThreadsOverTimeInfos;
prepareSeries(infos.data);
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotActiveThreadsOverTime"))) {
infos.createGraph();
}else{
var choiceContainer = $("#choicesActiveThreadsOverTime");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotActiveThreadsOverTime", "#overviewActiveThreadsOverTime");
$('#footerActiveThreadsOverTime .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第12段—— var timeVsThreadsInfos
var timeVsThreadsInfos = {
data: ${timeVsThreads!"{}"},
getOptions: function() {
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
axisLabel: "Number of active threads",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Average response times in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20
},
legend: { noColumns: 2,show: true, container: '#legendTimeVsThreads' },
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s: At %x.2 active threads, Average response time was %y.2 ms"
}
};
},
createGraph: function() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesTimeVsThreads"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotTimesVsThreads"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewTimesVsThreads"), dataset, prepareOverviewOptions(options));
}
};第13段—— 时间与线程：function refreshTimeVsThreads()
// Time vs threads
// 译文：时间与线程
function refreshTimeVsThreads(){
var infos = timeVsThreadsInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyTimeVsThreads");
return;
}
if(isGraph($("#flotTimesVsThreads"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesTimeVsThreads");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotTimesVsThreads", "#overviewTimesVsThreads");
$('#footerTimeVsThreads .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第14段—— var bytesThroughputOverTimeInfos
var bytesThroughputOverTimeInfos = {
data : ${bytesThroughputOverTime!"{}"},
getOptions : function(){
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity) ,
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Bytes / sec",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: '#legendBytesThroughputOverTime'
},
selection: {
mode: "xy"
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s at %x was %y"
}
};
},
createGraph : function() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesBytesThroughputOverTime"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotBytesThroughputOverTime"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewBytesThroughputOverTime"), dataset, prepareOverviewOptions(options));
}
};第15段—— 字节吞吐量随时间变化：function refreshBytesThroughputOverTime(fixTimestamps)
// Bytes throughput Over Time
// 译文：字节吞吐量随时间变化
function refreshBytesThroughputOverTime(fixTimestamps) {
var infos = bytesThroughputOverTimeInfos;
prepareSeries(infos.data);
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotBytesThroughputOverTime"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesBytesThroughputOverTime");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotBytesThroughputOverTime", "#overviewBytesThroughputOverTime");
$('#footerBytesThroughputOverTime .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
}第16段—— var responseTimesOverTimeInfos
var responseTimesOverTimeInfos = {
data: ${responseTimesOverTime!"{}"},
getOptions: function(){
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Average response time in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: '#legendResponseTimesOverTime'
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : at %x Average response time was %y ms"
}
};
},
createGraph: function() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesResponseTimesOverTime"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotResponseTimesOverTime"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewResponseTimesOverTime"), dataset, prepareOverviewOptions(options));
}
};第17段—— 随时间变化的响应时间：function refreshResponseTimeOverTime(fixTimestamps)
// Response Times Over Time
// 译文：随时间变化的响应时间
function refreshResponseTimeOverTime(fixTimestamps) {
var infos = responseTimesOverTimeInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyResponseTimeOverTime");
return;
}
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotResponseTimesOverTime"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesResponseTimesOverTime");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotResponseTimesOverTime", "#overviewResponseTimesOverTime");
$('#footerResponseTimesOverTime .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第18段——var latenciesOverTimeInfos
var latenciesOverTimeInfos = {
data: ${latenciesOverTime!"{}"},
getOptions: function() {
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Average response latencies in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: '#legendLatenciesOverTime'
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : at %x Average latency was %y ms"
}
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesLatenciesOverTime"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotLatenciesOverTime"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewLatenciesOverTime"), dataset, prepareOverviewOptions(options));
}
};第19段—— 一段时间的延迟：function refreshLatenciesOverTime(fixTimestamps)
// Latencies Over Time
// 译文：一段时间的延迟
function refreshLatenciesOverTime(fixTimestamps) {
var infos = latenciesOverTimeInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyLatenciesOverTime");
return;
}
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotLatenciesOverTime"))) {
infos.createGraph();
}else {
var choiceContainer = $("#choicesLatenciesOverTime");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotLatenciesOverTime", "#overviewLatenciesOverTime");
$('#footerLatenciesOverTime .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第20段—— var connectTimeOverTimeInfos
var connectTimeOverTimeInfos = {
data: ${connectTimeOverTime!"{}"},
getOptions: function() {
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getConnectTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Average Connect Time in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: '#legendConnectTimeOverTime'
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : at %x Average connect time was %y ms"
}
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesConnectTimeOverTime"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotConnectTimeOverTime"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewConnectTimeOverTime"), dataset, prepareOverviewOptions(options));
}
};第21段—— 连接时间超时：function refreshConnectTimeOverTime(fixTimestamps)
// Connect Time Over Time
// 译文：连接时间超时
function refreshConnectTimeOverTime(fixTimestamps) {
var infos = connectTimeOverTimeInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyConnectTimeOverTime");
return;
}
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotConnectTimeOverTime"))) {
infos.createGraph();
}else {
var choiceContainer = $("#choicesConnectTimeOverTime");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotConnectTimeOverTime", "#overviewConnectTimeOverTime");
$('#footerConnectTimeOverTime .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第22段—— var responseTimePercentilesOverTimeInfos
var responseTimePercentilesOverTimeInfos = {
data: ${responseTimePercentilesOverTime!"{}"},
getOptions: function() {
return {
series: {
lines: {
show: true,
fill: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Response Time in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: '#legendResponseTimePercentilesOverTime'
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : at %x Response time was %y ms"
}
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesResponseTimePercentilesOverTime"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotResponseTimePercentilesOverTime"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewResponseTimePercentilesOverTime"), dataset, prepareOverviewOptions(options));
}
};第23段—— 响应时间百分比随时间变化：function refreshResponseTimePercentilesOverTime(fixTimestamps)
// Response Time Percentiles Over Time
// 译文：响应时间百分比随时间变化
function refreshResponseTimePercentilesOverTime(fixTimestamps) {
var infos = responseTimePercentilesOverTimeInfos;
prepareSeries(infos.data);
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotResponseTimePercentilesOverTime"))) {
infos.createGraph();
}else {
var choiceContainer = $("#choicesResponseTimePercentilesOverTime");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotResponseTimePercentilesOverTime", "#overviewResponseTimePercentilesOverTime");
$('#footerResponseTimePercentilesOverTime .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第23段—— var responseTimeVsRequestInfos
var responseTimeVsRequestInfos = {
data: ${responseTimeVsRequest!"{}"},
getOptions: function() {
return {
series: {
lines: {
show: false
},
points: {
show: true
}
},
xaxis: {
axisLabel: "Global number of requests per second",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Median Response Time in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: '#legendResponseTimeVsRequest'
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : Median response time at %x req/s was %y ms"
},
colors: ["#9ACD32", "#FF6347"]
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesResponseTimeVsRequest"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotResponseTimeVsRequest"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewResponseTimeVsRequest"), dataset, prepareOverviewOptions(options));
}
};第24段—— 响应时间与请求：function refreshResponseTimeVsRequest()
// Response Time vs Request
// 译文：响应时间与请求
function refreshResponseTimeVsRequest() {
var infos = responseTimeVsRequestInfos;
prepareSeries(infos.data);
if (isGraph($("#flotResponseTimeVsRequest"))){
infos.create();
}else{
var choiceContainer = $("#choicesResponseTimeVsRequest");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotResponseTimeVsRequest", "#overviewResponseTimeVsRequest");
$('#footerResponseRimeVsRequest .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第25段—— var latenciesVsRequestInfos
var latenciesVsRequestInfos = {
data: ${latencyVsRequest!"{}"},
getOptions: function() {
return{
series: {
lines: {
show: false
},
points: {
show: true
}
},
xaxis: {
axisLabel: "Global number of requests per second",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Median Latency in ms",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: { noColumns: 2,show: true, container: '#legendLatencyVsRequest' },
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s : Median Latency time at %x req/s was %y ms"
},
colors: ["#9ACD32", "#FF6347"]
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesLatencyVsRequest"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotLatenciesVsRequest"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewLatenciesVsRequest"), dataset, prepareOverviewOptions(options));
}
};第26段—— 延迟与请求：function refreshLatenciesVsRequest()
// Latencies vs Request
// 译文：延迟与请求
function refreshLatenciesVsRequest() {
var infos = latenciesVsRequestInfos;
prepareSeries(infos.data);
if(isGraph($("#flotLatenciesVsRequest"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesLatencyVsRequest");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotLatenciesVsRequest", "#overviewLatenciesVsRequest");
$('#footerLatenciesVsRequest .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第27段—— var hitsPerSecondInfos
var hitsPerSecondInfos = {
data: ${hitsPerSecond!"{}"},
getOptions: function() {
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Number of hits / sec",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20
},
legend: {
noColumns: 2,
show: true,
container: "#legendHitsPerSecond"
},
selection: {
mode : 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s at %x was %y.2 hits/sec"
}
};
},
createGraph: function createGraph() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesHitsPerSecond"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotHitsPerSecond"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewHitsPerSecond"), dataset, prepareOverviewOptions(options));
}
};第28段—— 每秒点击次数：function refreshHitsPerSecond(fixTimestamps)
// Hits per second
// 译文：每秒点击次数
function refreshHitsPerSecond(fixTimestamps) {
var infos = hitsPerSecondInfos;
prepareSeries(infos.data);
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if (isGraph($("#flotHitsPerSecond"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesHitsPerSecond");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotHitsPerSecond", "#overviewHitsPerSecond");
$('#footerHitsPerSecond .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
}第29段—— var codesPerSecondInfos
var codesPerSecondInfos = {
data: ${codesPerSecond!"{}"},
getOptions: function(){
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Number of responses / sec",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
legend: {
noColumns: 2,
show: true,
container: "#legendCodesPerSecond"
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "Number of Response Codes %s at %x was %y.2 responses / sec"
}
};
},
createGraph: function() {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesCodesPerSecond"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotCodesPerSecond"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewCodesPerSecond"), dataset, prepareOverviewOptions(options));
}
};第30段—— 每秒代码数：function refreshCodesPerSecond(fixTimestamps)
// Codes per second
// 译文：每秒代码数
function refreshCodesPerSecond(fixTimestamps) {
var infos = codesPerSecondInfos;
prepareSeries(infos.data);
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotCodesPerSecond"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesCodesPerSecond");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotCodesPerSecond", "#overviewCodesPerSecond");
$('#footerCodesPerSecond .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第31段—— var transactionsPerSecondInfos
var transactionsPerSecondInfos = {
data: ${transactionsPerSecond!"{}"},
getOptions: function(){
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Number of transactions / sec",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20
},
legend: {
noColumns: 2,
show: true,
container: "#legendTransactionsPerSecond"
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s at %x was %y transactions / sec"
}
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesTransactionsPerSecond"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotTransactionsPerSecond"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewTransactionsPerSecond"), dataset, prepareOverviewOptions(options));
}
};第32段—— 每秒处理事务数：function refreshTransactionsPerSecond(fixTimestamps)
// Transactions per second
// 每秒处理事务数
function refreshTransactionsPerSecond(fixTimestamps) {
var infos = transactionsPerSecondInfos;
prepareSeries(infos.data);
if(infos.data.result.series.length == 0) {
setEmptyGraph("#bodyTransactionsPerSecond");
return;
}
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotTransactionsPerSecond"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesTransactionsPerSecond");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotTransactionsPerSecond", "#overviewTransactionsPerSecond");
$('#footerTransactionsPerSecond .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第33段—— var totalTPSInfos
var totalTPSInfos = {
data: ${totalTPS!"{}"},
getOptions: function(){
return {
series: {
lines: {
show: true
},
points: {
show: true
}
},
xaxis: {
mode: "time",
timeformat: getTimeFormat(this.data.result.granularity),
axisLabel: getElapsedTimeLabel(this.data.result.granularity),
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20,
},
yaxis: {
axisLabel: "Number of transactions / sec",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 20
},
legend: {
noColumns: 2,
show: true,
container: "#legendTotalTPS"
},
selection: {
mode: 'xy'
},
grid: {
hoverable: true // IMPORTANT! this is needed for tooltip to
// work
// 译文：重要！这是提示（提示信息/提示框/提示文本）工作所必需的工具
},
tooltip: true,
tooltipOpts: {
content: "%s at %x was %y transactions / sec"
},
colors: ["#9ACD32", "#FF6347"]
};
},
createGraph: function () {
var data = this.data;
var dataset = prepareData(data.result.series, $("#choicesTotalTPS"));
var options = this.getOptions();
prepareOptions(options, data);
$.plot($("#flotTotalTPS"), dataset, options);
// setup overview
// 译文：安装概述
$.plot($("#overviewTotalTPS"), dataset, prepareOverviewOptions(options));
}
};第34段—— 每秒处理总事务数：function refreshTotalTPS(fixTimestamps)
// Total Transactions per second
// 译文：每秒处理总事务数
function refreshTotalTPS(fixTimestamps) {
var infos = totalTPSInfos;
// We want to ignore seriesFilter
prepareSeries(infos.data, false, true);
if(fixTimestamps) {
fixTimeStamps(infos.data.result.series, ${(timeZoneOffset?c)!0});
}
if(isGraph($("#flotTotalTPS"))){
infos.createGraph();
}else{
var choiceContainer = $("#choicesTotalTPS");
createLegend(choiceContainer, infos);
infos.createGraph();
setGraphZoomable("#flotTotalTPS", "#overviewTotalTPS");
$('#footerTotalTPS .legendColorBox > div').each(function(i){
$(this).clone().prependTo(choiceContainer.find("li").eq(i));
});
}
};第35段—— function collapse(elem, collapsed)
// Collapse the graph matching the specified DOM element depending the collapsed
// status
// 译文：根据折叠状态折叠与指定的 DOM 元素匹配的图表
function collapse(elem, collapsed){
if(collapsed){
$(elem).parent().find(".fa-chevron-up").removeClass("fa-chevron-up").addClass("fa-chevron-down");
} else {
$(elem).parent().find(".fa-chevron-down").removeClass("fa-chevron-down").addClass("fa-chevron-up");
if (elem.id == "bodyBytesThroughputOverTime") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshBytesThroughputOverTime(true);
}
document.location.href="#bytesThroughputOverTime";
} else if (elem.id == "bodyLatenciesOverTime") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshLatenciesOverTime(true);
}
document.location.href="#latenciesOverTime";
} else if (elem.id == "bodyCustomGraph") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshCustomGraph(true);
}
document.location.href="#responseCustomGraph";
} else if (elem.id == "bodyConnectTimeOverTime") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshConnectTimeOverTime(true);
}
document.location.href="#connectTimeOverTime";
} else if (elem.id == "bodyResponseTimePercentilesOverTime") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshResponseTimePercentilesOverTime(true);
}
document.location.href="#responseTimePercentilesOverTime";
} else if (elem.id == "bodyResponseTimeDistribution") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshResponseTimeDistribution();
}
document.location.href="#responseTimeDistribution" ;
} else if (elem.id == "bodySyntheticResponseTimeDistribution") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshSyntheticResponseTimeDistribution();
}
document.location.href="#syntheticResponseTimeDistribution" ;
} else if (elem.id == "bodyActiveThreadsOverTime") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshActiveThreadsOverTime(true);
}
document.location.href="#activeThreadsOverTime";
} else if (elem.id == "bodyTimeVsThreads") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshTimeVsThreads();
}
document.location.href="#timeVsThreads" ;
} else if (elem.id == "bodyCodesPerSecond") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshCodesPerSecond(true);
}
document.location.href="#codesPerSecond";
} else if (elem.id == "bodyTransactionsPerSecond") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshTransactionsPerSecond(true);
}
document.location.href="#transactionsPerSecond";
} else if (elem.id == "bodyTotalTPS") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshTotalTPS(true);
}
document.location.href="#totalTPS";
} else if (elem.id == "bodyResponseTimeVsRequest") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshResponseTimeVsRequest();
}
document.location.href="#responseTimeVsRequest";
} else if (elem.id == "bodyLatenciesVsRequest") {
if (isGraph($(elem).find('.flot-chart-content')) == false) {
refreshLatenciesVsRequest();
}
document.location.href="#latencyVsRequest";
}
}
}第36段—— 激活或禁用指定图的所有系列取决于检查的参数
/*
* Activates or deactivates all series of the specified graph (represented by id parameter)
* 译文：激活或禁用指定图的所有系列（由id参数表示）
* depending on checked argument.
* 译文：取决于检查的参数。
*/第37段—— function toggleAll(id, checked)
function toggleAll(id, checked){
var placeholder = document.getElementById(id);
var cases = $(placeholder).find(':checkbox');
cases.prop('checked', checked);
$(cases).parent().children().children().toggleClass("legend-disabled", !checked);
var choiceContainer;
if ( id == "choicesBytesThroughputOverTime"){
choiceContainer = $("#choicesBytesThroughputOverTime");
refreshBytesThroughputOverTime(false);
} else if(id == "choicesResponseTimesOverTime"){
choiceContainer = $("#choicesResponseTimesOverTime");
refreshResponseTimeOverTime(false);
}else if(id == "choicesResponseCustomGraph"){
choiceContainer = $("#choicesResponseCustomGraph");
refreshCustomGraph(false);
} else if ( id == "choicesLatenciesOverTime"){
choiceContainer = $("#choicesLatenciesOverTime");
refreshLatenciesOverTime(false);
} else if ( id == "choicesConnectTimeOverTime"){
choiceContainer = $("#choicesConnectTimeOverTime");
refreshConnectTimeOverTime(false);
} else if ( id == "responseTimePercentilesOverTime"){
choiceContainer = $("#choicesResponseTimePercentilesOverTime");
refreshResponseTimePercentilesOverTime(false);
} else if ( id == "choicesResponseTimePercentiles"){
choiceContainer = $("#choicesResponseTimePercentiles");
refreshResponseTimePercentiles();
} else if(id == "choicesActiveThreadsOverTime"){
choiceContainer = $("#choicesActiveThreadsOverTime");
refreshActiveThreadsOverTime(false);
} else if ( id == "choicesTimeVsThreads"){
choiceContainer = $("#choicesTimeVsThreads");
refreshTimeVsThreads();
} else if ( id == "choicesSyntheticResponseTimeDistribution"){
choiceContainer = $("#choicesSyntheticResponseTimeDistribution");
refreshSyntheticResponseTimeDistribution();
} else if ( id == "choicesResponseTimeDistribution"){
choiceContainer = $("#choicesResponseTimeDistribution");
refreshResponseTimeDistribution();
} else if ( id == "choicesHitsPerSecond"){
choiceContainer = $("#choicesHitsPerSecond");
refreshHitsPerSecond(false);
} else if(id == "choicesCodesPerSecond"){
choiceContainer = $("#choicesCodesPerSecond");
refreshCodesPerSecond(false);
} else if ( id == "choicesTransactionsPerSecond"){
choiceContainer = $("#choicesTransactionsPerSecond");
refreshTransactionsPerSecond(false);
} else if ( id == "choicesTotalTPS"){
choiceContainer = $("#choicesTotalTPS");
refreshTotalTPS(false);
} else if ( id == "choicesResponseTimeVsRequest"){
choiceContainer = $("#choicesResponseTimeVsRequest");
refreshResponseTimeVsRequest();
} else if ( id == "choicesLatencyVsRequest"){
choiceContainer = $("#choicesLatencyVsRequest");
refreshLatenciesVsRequest();
}
var color = checked ? "black" : "#818181";
choiceContainer.find("label").each(function(){
this.style.color = color;
});
}