123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
- <link href="style/style.css" rel="stylesheet" type="text/css" />
- <link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
- <script src="js/jquery-3.5.1.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/gatling.js"></script>
- <script src="js/menu.js"></script>
- <script src="js/ellipsis.js"></script>
- <script src="js/all_sessions.js"></script>
- <script src="js/stats.js"></script>
- <script src="js/highstock.js"></script>
- <script src="js/highcharts-more.js"></script>
- <script src="js/theme.js"></script>
- <script src="js/unpack.js"></script>
- <title>Gatling Stats - gatling.png</title>
- </head>
- <body>
- <script>
- const storedTheme = localStorage.getItem('theme') || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
- if (storedTheme) document.documentElement.setAttribute('data-theme', storedTheme)
- function toggleTheme() {
- const currentTheme = document.documentElement.getAttribute("data-theme");
- const targetTheme = currentTheme === "light" ? "dark" : "light";
- document.documentElement.setAttribute('data-theme', targetTheme)
- localStorage.setItem('theme', targetTheme);
- };
- </script>
- <div class="app-container">
- <div class="frise"></div>
- <div class="head">
- <div class="gatling-open-source">
- <a class="gatling-logo gatling-logo-light" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo-light.svg"/></a>
- <a class="gatling-logo gatling-logo-dark" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo-dark.svg"/></a>
- <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
- </div>
- <div class="nav spacer"></div>
- <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank"><strong>Try</strong>
- <img class="logo-enterprise-light" alt="Gatling Enterprise" src="style/logo-enterprise-light.svg"/>
- <img class="logo-enterprise-dark" alt="Gatling Enterprise" src="style/logo-enterprise-dark.svg"/>
- </a>
- <button id="theme-toggle" class="theme-toggle" type="button" onclick="toggleTheme()" aria-label="Toggle user interface mode">
- <span class="toggle-dark"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></span>
- <span class="toggle-light"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg></span>
- </button>
- </div>
- <div class="container details">
- <div class="nav">
- <ul></ul>
- </div>
- <div class="cadre">
- <div class="content">
- <div class="content-header">
- <div class="onglet">
- CartsPageSimulation
- </div>
- <div class="sous-menu" id="sousMenu">
- <div class="sous-menu-spacer">
- <div class="item "><a href="index.html">Global</a></div>
- <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
- </div>
- </div>
- </div>
- <div class="content-in">
- <div class="container-article">
- <div class="article">
-
-
- <div class="schema-container">
- <div id="ranges" class="schema ranges-large">
- </div>
- <div class="infos">
- <div class="infos-in">
- <div class="infos-title">Stats</div>
- <div class="info">
- <h2 class="first">Executions</h2>
- <table>
- <thead>
- <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
- </thead>
- <tbody>
- <tr>
- <td class="title">Total count</td>
- <td id="numberOfRequests" class="total"></td>
- <td id="numberOfRequestsOK" class="ok"></td>
- <td id="numberOfRequestsKO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">Mean count/s</abbr></td>
- <td id="meanNumberOfRequestsPerSecond" class="total"></td>
- <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
- <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
- </tr>
- </tbody>
- </table>
- <h2 class="second">Response Time (ms)</h2>
- <table>
- <thead>
- <tr>
- <th></th>
- <th>Total</th>
- <th>OK</th>
- <th>KO</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="title">Min</td>
- <td id="minResponseTime" class="total"></td>
- <td id="minResponseTimeOK" class="ok"></td>
- <td id="minResponseTimeKO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">50th percentile</td>
- <td id="percentiles1" class="total"></td>
- <td id="percentiles1OK" class="ok"></td>
- <td id="percentiles1KO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">75th percentile</td>
- <td id="percentiles2" class="total"></td>
- <td id="percentiles2OK" class="ok"></td>
- <td id="percentiles2KO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">95th percentile</td>
- <td id="percentiles3" class="total"></td>
- <td id="percentiles3OK" class="ok"></td>
- <td id="percentiles3KO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">99th percentile</td>
- <td id="percentiles4" class="total"></td>
- <td id="percentiles4OK" class="ok"></td>
- <td id="percentiles4KO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">Max</td>
- <td id="maxResponseTime" class="total"></td>
- <td id="maxResponseTimeOK" class="ok"></td>
- <td id="maxResponseTimeKO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">Mean</td>
- <td id="meanResponseTime" class="total"></td>
- <td id="meanResponseTimeOK" class="ok"></td>
- <td id="meanResponseTimeKO" class="ko"></td>
- </tr>
- <tr>
- <td class="title">Standard Deviation</td>
- <td id="standardDeviation" class="total"></td>
- <td id="standardDeviationOK" class="ok"></td>
- <td id="standardDeviationKO" class="ko"></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <div class="statistics extensible-geant collapsed">
- <div class="title">
- Errors
- </div>
- <table id="container_errors" class="statistics-in extensible-geant">
- <thead>
- <tr>
- <th id="error-col-1" class="header sortable"><span>Error</span></th>
- <th id="error-col-2" class="header sortable"><span>Count</span></th>
- <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
- </tr>
- </thead>
- <tbody>
-
- <tr>
- <td class="error-col-1 total ko">Request timeout to ecomm.gatling.io/18.164.246.111:443 after 60000 ms<span class="value" style="display:none">0</span></td>
- <td class="value error-col-2 total ko">30</td>
- <td class="value error-col-3 total ko">30.61%</td>
- </tr>
- <tr>
- <td class="error-col-1 total ko">Request timeout to ecomm.gatling.io/18.164.246.56:443 after 60000 ms<span class="value" style="display:none">1</span></td>
- <td class="value error-col-2 total ko">27</td>
- <td class="value error-col-3 total ko">27.55%</td>
- </tr>
- <tr>
- <td class="error-col-1 total ko">Request timeout to ecomm.gatling.io/18.164.246.48:443 after 60000 ms<span class="value" style="display:none">2</span></td>
- <td class="value error-col-2 total ko">22</td>
- <td class="value error-col-3 total ko">22.45%</td>
- </tr>
- <tr>
- <td class="error-col-1 total ko">Request timeout to ecomm.gatling.io/18.164.246.108:443 after 60000 ms<span class="value" style="display:none">3</span></td>
- <td class="value error-col-2 total ko">19</td>
- <td class="value error-col-3 total ko">19.39%</td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class="schema geant">
- <div id="responsetimeDistributionContainer" class="geant"></div>
- </div>
- <div class="schema geant">
- <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
- </div>
- <div class="schema geant">
- <div id="requests" class="geant"></div>
- </div>
- <div class="schema geant">
- <div id="responses" class="geant"></div>
- </div>
- <div class="schema geant">
- <div id="container_response_time_dispersion" class="geant"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script>
- var pageStats = stats.contents['req_gatling-png--306285301'].stats;
- $(document).ready(function() {
- $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
- setDetailsLinkUrl();
- setDetailsMenu();
- setActiveMenu();
- fillStats(pageStats);
-
- Highcharts.setOptions({
- global: { useUTC: false }
- });
- var rangesChart = new Highcharts.Chart({
- chart: {
- renderTo: 'ranges',
- marginRight: 100
- },
- credits: { enabled: false },
- legend: { enabled: false },
- title: { text: 'A title to let highcharts reserve the place for the title set later' },
- xAxis: {
- categories: [
- pageStats.group1.htmlName,
- pageStats.group2.htmlName,
- pageStats.group3.htmlName,
- pageStats.group4.htmlName
- ]
- },
- yAxis: {
- title: { text: 'Number of Requests' },
- reversedStacks: false
- },
- tooltip: {
- formatter: function() {
- var s;
- if (this.point.name) { // the pie chart
- s = ''+ this.point.name +': '+ this.y +'% requests';
- } else {
- s = ''+ this.y + ' requests';
- }
- return s;
- }
- },
- plotOptions: {
- series: {
- stacking: 'normal',
- shadow: true
- }
- },
- series: [
- {
- type: 'column',
- data: [{
- color: '#68b65c',
- y: pageStats.group1.count
- },
- {
- color: '#FFDD00',
- y: pageStats.group2.count
- },
- {
- color: '#FFA900',
- y: pageStats.group3.count
- },
- {
- color: '#f15b4f',
- y: pageStats.group4.count
- }]
- },
- {
- type: 'pie',
- name: 'Percentages',
- data: [
- {
- name: pageStats.group1.name,
- y: pageStats.group1.percentage,
- color: '#68b65c'
- },
- {
- name: pageStats.group2.name,
- y: pageStats.group2.percentage,
- color: '#FFDD00'
- },
- {
- name: pageStats.group3.name,
- y: pageStats.group3.percentage,
- color: '#FFA900'
- },
- {
- name: pageStats.group4.name,
- y: pageStats.group4.percentage,
- color: '#f15b4f'
- }
- ],
- center: [368, 0],
- size: 90,
- showInLegend: false,
- dataLabels: { enabled: false }
- }
- ]
- });
- rangesChart.setTitle({
- text: '<span class="chart_title">Response Time Ranges</span>',
- useHTML: true
- });
- $('#container_errors').sortable('#container_errors');
-
- var responsetimeDistributionChart = new Highcharts.Chart({
- chart: {
- renderTo: 'responsetimeDistributionContainer',
- type: 'column',
- marginBottom: 60
- },
- credits: { enabled: false },
- legend: {
- enabled: true,
- floating: true,
- y: 5,
- borderWidth: 0,
- itemStyle: { fontWeight: "normal" },
- symbolRadius: 0
- },
- title: { text: 'A title to let highcharts reserve the place for the title set later' },
- navigator: {
- maskInside: false
- },
- xAxis: {
- categories: ['336', '936', '1535', '2135', '2735', '3335', '3935', '4534', '5134', '5734', '6334', '6934', '7533', '8133', '8733', '9333', '9933', '10532', '11132', '11732', '12332', '12931', '13531', '14131', '14731', '15331', '15930', '16530', '17130', '17730', '18330', '18929', '19529', '20129', '20729', '21329', '21928', '22528', '23128', '23728', '24327', '24927', '25527', '26127', '26727', '27326', '27926', '28526', '29126', '29726', '30325', '30925', '31525', '32125', '32725', '33324', '33924', '34524', '35124', '35724', '36323', '36923', '37523', '38123', '38722', '39322', '39922', '40522', '41122', '41721', '42321', '42921', '43521', '44121', '44720', '45320', '45920', '46520', '47120', '47719', '48319', '48919', '49519', '50118', '50718', '51318', '51918', '52518', '53117', '53717', '54317', '54917', '55517', '56116', '56716', '57316', '57916', '58516', '59115', '59715'],
- tickInterval: 20
- },
- yAxis: {
- min: 0,
- title: { text: 'Percentage of Requests' },
- reversedStacks: false
- },
- tooltip: {
- formatter: function() {
- return '<b>'+ this.x +' ms</b><br/>'+
- this.series.name +': '+ this.y +' %<br/>'+
- 'Total: '+ this.point.stackTotal + ' %';
- }
- },
- plotOptions: {
- series: {
- groupPadding: 0,
- stacking: 'normal',
- shadow: true
- }
- },
- series: [
- {
- type: 'column',
- color: '#68b65c',
- name: 'OK',
- data: [
- 2.82,3.52,3.52,3.44,4.38,3.05,3.36,2.5,1.95,2.74,2.19,2.27,1.8,1.48,1.41,1.25,1.48,1.09,1.09,0.78,0.86,0.94,0.62,1.17,0.31,0.54,0.78,0.62,0.78,0.7,0.23,1.09,1.01,0.54,1.25,0.78,0.54,1.17,0.54,0.86,0.78,0.7,0.94,1.09,0.86,0.62,1.48,0.86,1.09,1.17,1.09,0.7,1.17,1.09,0.54,0.47,0.39,0.62,0.54,0.94,0.78,0.94,0.31,0.78,0.31,0.39,0.39,0.39,0.15,0.62,0.62,0.39,0.62,0.62,0.31,0.54,0.39,0.23,0.15,0.31,0.23,0.07,0.07,0.31,0.54,0.31,0.31,0.47,0.23,0.31,0.15,0.0,0.07,0.15,0.0,0.23,0.07,0.15,0.0,0.31
- ],
- tooltip: { yDecimals: 0, ySuffix: 'ms' }
- },
- {
- type: 'column',
- color: '#f15b4f',
- name: 'KO',
- data: [
- 0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,7.68
- ],
- tooltip: { yDecimals: 0, ySuffix: 'ms' }
- }
- ]
- });
- responsetimeDistributionChart.setTitle({
- text: '<span class="chart_title">Response Time Distribution</span>',
- useHTML: true
- });
- var responsetimepercentilesovertimeokPercentiles = unpack([[1744803652,null],[1744803653,null],[1744803654,null],[1744803655,[11325,19393,28318,36372,36635,36635,38465,59506,59506,59506]],[1744803656,[16174,16174,23802,23802,23802,23802,23802,23802,23802,23802]],[1744803657,null],[1744803658,[5373,5523,5554,54012,54012,54012,54012,54012,54012,54012]],[1744803659,[31592,31885,31986,35427,52886,52886,52886,52886,52886,52886]],[1744803660,[5861,21510,31033,50119,51693,53570,56239,59979,59979,59979]],[1744803661,[29835,29947,30462,47603,47603,51303,51303,57423,57423,57423]],[1744803662,[28825,28841,29095,29421,29421,29430,29430,29430,29430,29430]],[1744803663,[28386,28386,49743,50599,50599,50599,50599,50599,50599,50599]],[1744803664,[27391,46990,47971,52788,52788,52788,52788,52788,52788,52788]],[1744803665,[39306,39306,42774,42774,42774,42774,42774,42774,42774,42774]],[1744803666,[41556,41556,58731,58731,58731,58731,58731,58731,58731,58731]],[1744803667,null],[1744803668,[22559,22723,22757,23535,41834,41834,41834,41834,41834,41834]],[1744803669,[10049,10049,22617,22617,22617,22617,22617,22617,22617,22617]],[1744803670,[20749,20749,20749,20749,20749,20749,20749,20749,20749,20749]],[1744803671,[20447,20447,36798,37394,37394,37394,37394,37394,37394,37394]],[1744803672,[18869,18869,35683,57547,57547,57547,57547,57547,57547,57547]],[1744803673,[18635,38176,42563,53132,53132,53132,53132,53132,53132,53132]],[1744803674,[7497,16906,46070,46106,46106,54121,54121,54121,54121,54121]],[1744803675,[16174,16287,44498,50044,50044,50044,50044,50044,50044,50044]],[1744803676,[15487,18000,50494,51397,52233,52233,52233,52233,52233,52233]],[1744803677,[13981,13981,14002,51381,51381,51381,51381,51381,51381,51381]],[1744803678,[12708,12784,24738,42287,45374,45374,45374,45374,45374,45374]],[1744803679,[11794,12452,17053,45445,45445,45445,45445,45445,45445,45445]],[1744803680,[10924,10996,11098,11424,17906,17906,17906,17906,17906,17906]],[1744803681,[9786,10371,14961,57532,57532,57532,59895,59895,59895,59895]],[1744803682,[8937,9279,35244,45995,47886,47886,47886,47886,47886,47886]],[1744803683,null],[1744803684,[7631,7631,7631,7631,7631,7631,7631,7631,7631,7631]],[1744803685,[6250,6250,6633,6633,6633,6633,6633,6633,6633,6633]],[1744803686,null],[1744803687,null],[1744803688,null],[1744803689,[2886,2886,2886,2886,2886,2886,2886,2886,2886,2886]],[1744803690,null],[1744803691,[2235,2598,7917,34623,36484,42473,43763,45803,51212,51212]],[1744803692,[1508,1623,3603,40264,40264,46514,46514,46514,46514,46514]],[1744803693,[236,647,1778,13194,30040,32217,35227,44263,57675,57675]],[1744803694,[65,1894,4180,18042,31389,33799,38685,44362,52334,52334]],[1744803695,[102,1543,3848,10552,15651,20022,29679,39692,58510,58510]],[1744803696,[281,3927,12218,30951,32385,35957,37672,41945,48610,49913]],[1744803697,[253,2954,9244,27698,30642,32916,37152,43977,55982,55982]],[1744803698,[120,3028,9298,34651,39806,43552,46960,50950,53700,53700]],[1744803699,[690,3121,10784,29947,31770,33791,37902,41546,44582,44582]],[1744803700,[1323,5193,11873,27982,31273,35127,38295,45198,53220,53220]],[1744803701,[2438,6583,13047,27284,31766,34932,39874,46254,54529,54529]],[1744803702,[1833,6531,19645,28028,29405,31963,35526,44273,45582,45582]],[1744803703,[1941,7512,14290,25121,26164,29091,30850,32691,43725,43725]],[1744803704,[1906,7682,20423,26880,27701,28956,31266,38426,51651,51651]],[1744803705,[2864,13441,26829,30135,31879,33597,35924,39003,59428,59428]],[1744803706,[2864,8565,15388,25289,25524,26372,28511,30888,37198,37198]],[1744803707,[4988,13413,16679,21760,25540,25952,28317,29558,29558,29558]],[1744803708,[4957,8213,18302,24292,24577,26120,36637,41597,41597,41597]],[1744803709,[1593,6256,13290,21342,26932,26932,28052,28052,28052,28052]],[1744803710,[1329,4524,10277,15534,19154,19154,23609,23609,23609,23609]],[1744803711,[138,2911,13475,26411,26411,26411,27869,27869,27869,27869]],[1744803712,[36,653,2621,18308,18308,23139,23148,36023,36023,36023]],[1744803713,[2890,3018,5771,9149,17603,17603,17603,17603,17603,17603]],[1744803714,[3426,5931,17395,18738,18738,55692,55692,55692,55692,55692]],[1744803715,null],[1744803716,null],[1744803717,null],[1744803718,null],[1744803719,null],[1744803720,null],[1744803721,null],[1744803722,null],[1744803723,null],[1744803724,null],[1744803725,null],[1744803726,null],[1744803727,null],[1744803728,null],[1744803729,null],[1744803730,null],[1744803731,null],[1744803732,null],[1744803733,null],[1744803734,null],[1744803735,null],[1744803736,null],[1744803737,null],[1744803738,null],[1744803739,null],[1744803740,null],[1744803741,null],[1744803742,null],[1744803743,null],[1744803744,null],[1744803745,null],[1744803746,null],[1744803747,null],[1744803748,null],[1744803749,null],[1744803750,null],[1744803751,null],[1744803752,null],[1744803753,null],[1744803754,null],[1744803755,null],[1744803756,null],[1744803757,null],[1744803758,null],[1744803759,null],[1744803760,null],[1744803761,null],[1744803762,null],[1744803763,null],[1744803764,null],[1744803765,null],[1744803766,null],[1744803767,null],[1744803768,null],[1744803769,null]]);
- var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
- chart: {
- renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
- zoomType: 'x',
- marginBottom: 60
- },
- colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
- credits: { enabled: false },
- legend: {
- enabled: true,
- floating: true,
- y: -65,
- borderWidth: 0,
- itemStyle: { fontWeight: "normal" },
- symbolRadius: 0
- },
- title: { text: 'A title to let highcharts reserve the place for the title set later' },
- navigator: {
- maskInside: false,
- baseSeries: 9
- },
- rangeSelector: {
- rangeSelector: { align: "left" },
- buttonSpacing: 0,
- buttonTheme: {
- fill: '#CFC9C6',
- padding: 1,
- stroke: '#000000',
- 'stroke-width': 0.25,
- style: {
- color: '#000000',
- fontWeight: 'bold',
- },
- states: {
- stroke: '#92918C',
- 'stroke-width': 0.25,
- hover: {
- fill: '#92918C',
- style: { color: 'black' }
- },
- select: {
- fill: '#FFA900',
- style: { color: 'white' }
- }
- }
- },
- buttons : [
- {
- type : 'minute',
- count : 1,
- text : '1m'
- }, {
- type : 'minute',
- count : 10,
- text : '10m'
- }, {
- type : 'hour',
- count : 1,
- text : '1h'
- }, {
- type : 'all',
- count : 1,
- text : 'All'
- }
- ],
- selected : 3,
- inputEnabled : false
- },
- xAxis: {
- type: 'datetime',
- ordinal: false,
- maxZoom: 10000 // three days
- },
- yAxis:[
- {
- min: 0,
- title: { text: 'Response Time (ms)' },
- opposite: false
- }, {
- min: 0,
- title: {
- text: 'Active Users',
- style: { color: '#FFA900' }
- },
- opposite: true
- }
- ],
- plotOptions: {
- arearange: { lineWidth: 1 },
- series: {
- dataGrouping: { enabled: false }
- }
- },
- series: [
-
-
- {
- pointInterval: 1000,
- name: 'min',
- data: responsetimepercentilesovertimeokPercentiles[0],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 10
- },
- {
- pointInterval: 1000,
- name: '25%',
- data: responsetimepercentilesovertimeokPercentiles[1],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 9
- },
- {
- pointInterval: 1000,
- name: '50%',
- data: responsetimepercentilesovertimeokPercentiles[2],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 8
- },
- {
- pointInterval: 1000,
- name: '75%',
- data: responsetimepercentilesovertimeokPercentiles[3],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 7
- },
- {
- pointInterval: 1000,
- name: '80%',
- data: responsetimepercentilesovertimeokPercentiles[4],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 6
- },
- {
- pointInterval: 1000,
- name: '85%',
- data: responsetimepercentilesovertimeokPercentiles[5],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 5
- },
- {
- pointInterval: 1000,
- name: '90%',
- data: responsetimepercentilesovertimeokPercentiles[6],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 4
- },
- {
- pointInterval: 1000,
- name: '95%',
- data: responsetimepercentilesovertimeokPercentiles[7],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 3
- },
- {
- pointInterval: 1000,
- name: '99%',
- data: responsetimepercentilesovertimeokPercentiles[8],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 2
- },
- {
- pointInterval: 1000,
- name: 'max',
- data: responsetimepercentilesovertimeokPercentiles[9],
- tooltip: { yDecimals: 0, ySuffix: 'ms' },
- type : 'area',
- yAxis: 0,
- zIndex: 1
- },
- allUsersData
- ]
- });
- responsetimepercentilesovertimeokPercentilesChart.setTitle({
- text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
- useHTML: true
- });
- var requests = unpack([[1744803652,[0,0,0]],[1744803653,[0,0,0]],[1744803654,[0,0,0]],[1744803655,[17,14,3]],[1744803656,[4,2,2]],[1744803657,[1,0,1]],[1744803658,[6,4,2]],[1744803659,[8,5,3]],[1744803660,[27,17,10]],[1744803661,[19,11,8]],[1744803662,[17,6,11]],[1744803663,[6,3,3]],[1744803664,[9,4,5]],[1744803665,[4,2,2]],[1744803666,[3,2,1]],[1744803667,[2,0,2]],[1744803668,[9,5,4]],[1744803669,[7,2,5]],[1744803670,[1,1,0]],[1744803671,[6,3,3]],[1744803672,[5,3,2]],[1744803673,[5,4,1]],[1744803674,[8,6,2]],[1744803675,[4,4,0]],[1744803676,[6,5,1]],[1744803677,[4,3,1]],[1744803678,[6,5,1]],[1744803679,[5,4,1]],[1744803680,[6,5,1]],[1744803681,[9,8,1]],[1744803682,[5,5,0]],[1744803683,[0,0,0]],[1744803684,[1,1,0]],[1744803685,[3,2,1]],[1744803686,[0,0,0]],[1744803687,[0,0,0]],[1744803688,[0,0,0]],[1744803689,[1,1,0]],[1744803690,[0,0,0]],[1744803691,[51,43,8]],[1744803692,[8,6,2]],[1744803693,[47,47,0]],[1744803694,[97,96,1]],[1744803695,[83,83,0]],[1744803696,[108,106,2]],[1744803697,[71,70,1]],[1744803698,[79,78,1]],[1744803699,[79,78,1]],[1744803700,[92,90,2]],[1744803701,[59,58,1]],[1744803702,[54,53,1]],[1744803703,[42,42,0]],[1744803704,[39,39,0]],[1744803705,[39,38,1]],[1744803706,[24,24,0]],[1744803707,[18,18,0]],[1744803708,[19,19,0]],[1744803709,[9,9,0]],[1744803710,[10,10,0]],[1744803711,[7,7,0]],[1744803712,[16,16,0]],[1744803713,[5,5,0]],[1744803714,[6,6,0]],[1744803715,[0,0,0]],[1744803716,[0,0,0]],[1744803717,[0,0,0]],[1744803718,[0,0,0]],[1744803719,[0,0,0]],[1744803720,[0,0,0]],[1744803721,[0,0,0]],[1744803722,[0,0,0]],[1744803723,[0,0,0]],[1744803724,[0,0,0]],[1744803725,[0,0,0]],[1744803726,[0,0,0]],[1744803727,[0,0,0]],[1744803728,[0,0,0]],[1744803729,[0,0,0]],[1744803730,[0,0,0]],[1744803731,[0,0,0]],[1744803732,[0,0,0]],[1744803733,[0,0,0]],[1744803734,[0,0,0]],[1744803735,[0,0,0]],[1744803736,[0,0,0]],[1744803737,[0,0,0]],[1744803738,[0,0,0]],[1744803739,[0,0,0]],[1744803740,[0,0,0]],[1744803741,[0,0,0]],[1744803742,[0,0,0]],[1744803743,[0,0,0]],[1744803744,[0,0,0]],[1744803745,[0,0,0]],[1744803746,[0,0,0]],[1744803747,[0,0,0]],[1744803748,[0,0,0]],[1744803749,[0,0,0]],[1744803750,[0,0,0]],[1744803751,[0,0,0]],[1744803752,[0,0,0]],[1744803753,[0,0,0]],[1744803754,[0,0,0]],[1744803755,[0,0,0]],[1744803756,[0,0,0]],[1744803757,[0,0,0]],[1744803758,[0,0,0]],[1744803759,[0,0,0]],[1744803760,[0,0,0]],[1744803761,[0,0,0]],[1744803762,[0,0,0]],[1744803763,[0,0,0]],[1744803764,[0,0,0]],[1744803765,[0,0,0]],[1744803766,[0,0,0]],[1744803767,[0,0,0]],[1744803768,[0,0,0]],[1744803769,[0,0,0]]]);
- var requestsChart = new Highcharts.StockChart({
- chart: {
- renderTo: 'requests',
- zoomType: 'x',
- marginBottom: 60
- },
- credits: { enabled: false },
- legend: {
- enabled: true,
- floating: true,
- y: -65,
- borderWidth: 0,
- itemStyle: { fontWeight: "normal" },
- symbolRadius: 0
- },
- title: { text: 'A title to let highcharts reserve the place for the title set later' },
- navigator: {
- maskInside: false
- },
- rangeSelector: {
- buttonSpacing: 0,
- buttonTheme: {
- fill: '#CFC9C6',
- padding: 1,
- stroke: '#000000',
- 'stroke-width': 0.25,
- style: {
- color: '#000000',
- fontWeight: 'bold',
- },
- states: {
- stroke: '#000000',
- 'stroke-width': 0.25,
- hover: {
- fill: '#92918C',
- style: { color: 'black' }
- },
- select: {
- fill: '#FFA900',
- style: { color: 'white' }
- }
- }
- },
- buttons : [
- {
- type : 'minute',
- count : 1,
- text : '1m'
- }, {
- type : 'minute',
- count : 10,
- text : '10m'
- }, {
- type : 'hour',
- count : 1,
- text : '1h'
- }, {
- type : 'all',
- count : 1,
- text : 'All'
- }
- ],
- selected : 3,
- inputEnabled : false
- },
- plotOptions: {
- series: {
- dataGrouping: { enabled: false }
- },
- area: {
- stacking: 'normal'
- }
- },
- xAxis: {
- type: 'datetime',
- ordinal: false,
- maxZoom: 10000 // three days
- },
- yAxis:[
- {
- min: 0,
- title: { text: 'Number of requests' },
- opposite: false,
- reversedStacks: false
- }, {
- min: 0,
- title: {
- text: 'Active Users',
- style: { color: '#FFA900' }
- },
- opposite: true
- }
- ],
- series: [
- {
- color: '#5E7BE2',
- name: 'All',
- data: requests[0],
- tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
- ,type: 'area'},
- allUsersData
- ]
- });
- requestsChart.setTitle({
- text: '<span class="chart_title">Number of requests per second</span>',
- useHTML: true
- });
- var responses = unpack([[1744803652,[0,0,0]],[1744803653,[0,0,0]],[1744803654,[0,0,0]],[1744803655,[0,0,0]],[1744803656,[0,0,0]],[1744803657,[0,0,0]],[1744803658,[0,0,0]],[1744803659,[0,0,0]],[1744803660,[0,0,0]],[1744803661,[0,0,0]],[1744803662,[0,0,0]],[1744803663,[3,3,0]],[1744803664,[0,0,0]],[1744803665,[0,0,0]],[1744803666,[4,4,0]],[1744803667,[0,0,0]],[1744803668,[0,0,0]],[1744803669,[0,0,0]],[1744803670,[0,0,0]],[1744803671,[0,0,0]],[1744803672,[2,2,0]],[1744803673,[0,0,0]],[1744803674,[2,2,0]],[1744803675,[0,0,0]],[1744803676,[0,0,0]],[1744803677,[0,0,0]],[1744803678,[0,0,0]],[1744803679,[1,1,0]],[1744803680,[2,2,0]],[1744803681,[3,3,0]],[1744803682,[4,4,0]],[1744803683,[1,1,0]],[1744803684,[0,0,0]],[1744803685,[0,0,0]],[1744803686,[0,0,0]],[1744803687,[0,0,0]],[1744803688,[0,0,0]],[1744803689,[0,0,0]],[1744803690,[0,0,0]],[1744803691,[57,57,0]],[1744803692,[3,3,0]],[1744803693,[6,6,0]],[1744803694,[37,37,0]],[1744803695,[36,36,0]],[1744803696,[36,36,0]],[1744803697,[29,29,0]],[1744803698,[30,30,0]],[1744803699,[41,41,0]],[1744803700,[30,30,0]],[1744803701,[27,27,0]],[1744803702,[37,37,0]],[1744803703,[28,28,0]],[1744803704,[32,32,0]],[1744803705,[35,35,0]],[1744803706,[19,19,0]],[1744803707,[23,23,0]],[1744803708,[31,31,0]],[1744803709,[21,21,0]],[1744803710,[29,29,0]],[1744803711,[15,15,0]],[1744803712,[26,26,0]],[1744803713,[26,26,0]],[1744803714,[12,12,0]],[1744803715,[14,11,3]],[1744803716,[15,13,2]],[1744803717,[18,17,1]],[1744803718,[14,12,2]],[1744803719,[14,11,3]],[1744803720,[33,23,10]],[1744803721,[21,13,8]],[1744803722,[21,10,11]],[1744803723,[22,19,3]],[1744803724,[27,22,5]],[1744803725,[18,16,2]],[1744803726,[29,28,1]],[1744803727,[18,16,2]],[1744803728,[33,29,4]],[1744803729,[24,19,5]],[1744803730,[18,18,0]],[1744803731,[26,23,3]],[1744803732,[23,21,2]],[1744803733,[23,22,1]],[1744803734,[15,13,2]],[1744803735,[13,13,0]],[1744803736,[16,15,1]],[1744803737,[16,15,1]],[1744803738,[11,10,1]],[1744803739,[14,13,1]],[1744803740,[7,6,1]],[1744803741,[11,10,1]],[1744803742,[4,4,0]],[1744803743,[6,6,0]],[1744803744,[5,5,0]],[1744803745,[7,6,1]],[1744803746,[4,4,0]],[1744803747,[5,5,0]],[1744803748,[3,3,0]],[1744803749,[6,6,0]],[1744803750,[1,1,0]],[1744803751,[12,4,8]],[1744803752,[3,1,2]],[1744803753,[3,3,0]],[1744803754,[1,0,1]],[1744803755,[2,2,0]],[1744803756,[2,0,2]],[1744803757,[1,0,1]],[1744803758,[1,0,1]],[1744803759,[1,0,1]],[1744803760,[2,0,2]],[1744803761,[1,0,1]],[1744803762,[1,0,1]],[1744803763,[0,0,0]],[1744803764,[0,0,0]],[1744803765,[2,1,1]],[1744803766,[0,0,0]],[1744803767,[0,0,0]],[1744803768,[0,0,0]],[1744803769,[1,1,0]]]);
- var requestsChart = new Highcharts.StockChart({
- chart: {
- renderTo: 'responses',
- zoomType: 'x',
- marginBottom: 60
- },
- credits: { enabled: false },
- legend: {
- enabled: true,
- floating: true,
- y: -65,
- borderWidth: 0,
- itemStyle: { fontWeight: "normal" },
- symbolRadius: 0
- },
- title: { text: 'A title to let highcharts reserve the place for the title set later' },
- navigator: {
- maskInside: false
- },
- rangeSelector: {
- buttonSpacing: 0,
- buttonTheme: {
- fill: '#CFC9C6',
- padding: 1,
- stroke: '#000000',
- 'stroke-width': 0.25,
- style: {
- color: '#000000',
- fontWeight: 'bold',
- },
- states: {
- stroke: '#000000',
- 'stroke-width': 0.25,
- hover: {
- fill: '#92918C',
- style: { color: 'black' }
- },
- select: {
- fill: '#FFA900',
- style: { color: 'white' }
- }
- }
- },
- buttons : [
- {
- type : 'minute',
- count : 1,
- text : '1m'
- }, {
- type : 'minute',
- count : 10,
- text : '10m'
- }, {
- type : 'hour',
- count : 1,
- text : '1h'
- }, {
- type : 'all',
- count : 1,
- text : 'All'
- }
- ],
- selected : 3,
- inputEnabled : false
- },
- plotOptions: {
- series: {
- dataGrouping: { enabled: false }
- },
- area: {
- stacking: 'normal'
- }
- },
- xAxis: {
- type: 'datetime',
- ordinal: false,
- maxZoom: 10000 // three days
- },
- yAxis:[
- {
- min: 0,
- title: { text: 'Number of responses' },
- opposite: false,
- reversedStacks: false
- }, {
- min: 0,
- title: {
- text: 'Active Users',
- style: { color: '#FFA900' }
- },
- opposite: true
- }
- ],
- series: [
- {
- color: '#5E7BE2',
- name: 'All',
- data: responses[0],
- tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
- },
- {
- color: '#68b65c',
- name: 'OK',
- data: responses[1],
- tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
- ,type: 'area'},
- {
- color: '#f15b4f',
- name: 'KO',
- data: responses[2],
- tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
- ,type: 'area'},
- allUsersData,
- {
-
- type: 'pie',
- name: 'Distribution',
- data: [
- {name: 'OK', y: 1178.0, color: '#68b65c'},{name: 'KO', y: 98.0, color: '#f15b4f'}
- ],
- center: [775, -40],
- size: 70,
- showInLegend: false,
- dataLabels: { enabled: false },
- dataGrouping: { enabled: false }
- }
- ]
- });
- requestsChart.setTitle({
- text: '<span class="chart_title">Number of responses per second</span>',
- useHTML: true
- });
- var scatterChart = new Highcharts.Chart({
- chart: {
- renderTo: 'container_response_time_dispersion',
- defaultSeriesType: 'scatter',
- zoomType: 'xy',
- marginBottom: 90
- },
- credits: { enabled: false },
- xAxis: {
- title: {
- enabled: true,
- text: 'Global number of requests per second',
- style: { fontWeight: 'bold' }
- },
- startOnTick: true,
- endOnTick: true,
- showLastLabel: true,
- min: 0
- },
- title: { text: 'A title to let highcharts reserve the place for the title set later' },
- yAxis: {
- min: 0,
- title: { text: 'Response Time (ms)' }
- },
- tooltip: {
- formatter: function() {
- return ''+ this.y +' ms at ' + this.x + ' allreq/s';
- }
- },
- legend: {
- enabled: true,
- floating: true,
- y: 0,
- borderWidth: 0,
- itemStyle: { fontWeight: "normal" },
- },
- plotOptions: {
- scatter: {
- marker: {
- radius: 3,
- states: {
- hover: {
- enabled: true,
- lineColor: 'rgb(100,100,100)'
- }
- }
- },
- states: {
- hover: {
- marker: { enabled: false }
- }
- }
- }
- },
- series: [
- {
- type: 'scatter',
- color: '#68b65c',
- name: 'OK',
- data: [
- [2,7631],[2,2886],[3,20749],[6,6633],[9,58731],[12,42774],[12,50044],[12,51381],[12,47886],[15,57547],[15,53132],[15,45445],[15,17603],[18,50599],[18,37394],[18,52233],[18,45374],[18,17906],[18,55692],[21,27869],[23,22617],[24,54121],[24,46514],[25,41834],[27,52788],[27,59895],[27,28052],[30,23609],[48,36023],[51,29430],[54,29558],[57,57423],[57,41597],[72,30888],[81,59979],[117,38426],[117,39003],[126,32691],[141,44263],[161,45803],[162,44273],[177,46254],[213,43977],[237,50950],[237,41546],[249,39692],[276,45198],[291,44362],[324,41945],[466,52886],[2759,54012],[4138,59506],[5358,23802]
- ]},
- {
- type: 'scatter',
- color: '#f15b4f',
- name: 'KO',
- data: [
- [6,60002],[6,60005],[9,60004],[12,60004],[12,60010],[15,60003],[15,60001],[15,60003],[18,60002],[18,60004],[18,60001],[18,60005],[18,60005],[23,60001],[24,60001],[24,60002],[25,60002],[27,60011],[27,60003],[51,60010],[57,60005],[81,60011],[117,60010],[161,60015],[162,60002],[177,60007],[213,60007],[237,60005],[237,60014],[276,60004],[291,60004],[324,60011],[466,60003],[1896,60001],[2759,60013],[4138,60004],[5358,60003]
- ]}
- ]
- });
- scatterChart.setTitle({
- text: '<span class="chart_title">Response Time against Global Throughput</span>',
- useHTML: true
- });
- });
- </script>
- </div>
- </body>
- </html>
|