| <!doctype html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8">
|
| <meta content="IE=edge" http-equiv="X-UA-Compatible">
|
| <meta content="width=device-width, initial-scale=1" name="viewport">
|
| <title>BCT Box Chart 02</title>
|
| <link href="https://playground.anychart.com/MF3iYdn1/iframe" rel="canonical">
|
| <meta content="Box Chart,Box and Whisker Plot,Statistical Data,Vertical Chart" name="keywords">
|
| <meta content="AnyChart - JavaScript Charts designed to be embedded and integrated" name="description">
|
| |
| |
| |
|
|
| <link href="_deps/cdn.anychart.com/releases/8.7.0/css/anychart-ui.min_qe95e7e741b.css" rel="stylesheet" type="text/css">
|
| <style>html, body, #container {
|
| width: 100%;
|
| height: 100%;
|
| margin: 0;
|
| padding: 0;
|
| }</style>
|
| </head>
|
| <body>
|
| <div id="container"></div>
|
| <script src="_deps/cdn.anychart.com/releases/8.7.0/js/anychart-base.min_qe95e7e741b.js"></script>
|
| <script src="_deps/cdn.anychart.com/releases/8.7.0/js/anychart-exports.min_qe95e7e741b.js"></script>
|
| <script src="_deps/cdn.anychart.com/releases/8.7.0/js/anychart-ui.min_qe95e7e741b.js"></script>
|
| <script type="text/javascript">anychart.onDocumentReady(function () {
|
|
|
|
|
| var data = [
|
| {x: "GD Russia", low: 76500, q1: 110000, median: 160000, q3: 210000, high: 245000},
|
| {x: "GD Spb", low: 100000, q1: 150000, median: 190000, q3: 230000, high: 255000},
|
| {x: "GD Saratov", low: 52500, q1: 85000, median: 112500, q3: 140000, high: 180000},
|
| {x: "Ozon.ru", low: 174713, q1: 189655, median: 206897, q3: 235632, high: 252874},
|
| {x: "Luxoft", low: 119540, q1: 148276, median: 173563, q3: 214943, high: 241379},
|
| {x: "Mail.ru Group", low: 126437, q1: 154023, median: 173563, q3: 224138, high: 252874},
|
| {x: "??????????? ???????????", low: 74713, q1: 132184, median: 172414, q3: 209195, high: 264368},
|
| {x: "????? ????", low: 100000, q1: 149425, median: 165517, q3: 206897, high: 275862},
|
| {x: "??? ???????? ??????", low: 88506, q1: 124138, median: 151724, q3: 206897, high: 264368},
|
| {x: "??????", low: 86207, q1: 129885, median: 167816, q3: 183908, high: 229885},
|
| {x: "Tinkoff.ru", low: 45977, q1: 89655, median: 149425, q3: 167816, high: 222989},
|
| {x: "T?????", low: 58621, q1: 72414, median: 132184, q3: 154023, high: 160920},
|
| {x: "????????-??????????", low: 80460, q1: 95402, median: 147126, q3: 191954, high: 275862},
|
| {x: "Epam", low: 57471, q1: 74713, median: 119540, q3: 183908, high: 229885},
|
| {x: "Altarix", low: 28736, q1: 63218, median: 97701, q3: 143678, high: 166667},
|
| {x: "???-??????", low: 57471, q1: 71264, median: 86207, q3: 114943, high: 137931},
|
| {x: "Netracker Technology", low: 37931, q1: 48276, median: 80460, q3: 126437, high: 160920},
|
| {x: "???????", low: 34483, q1: 60920, median: 91954, q3: 155172, high: 229885}
|
| ];
|
|
|
|
|
| var chart = anychart.vertical();
|
|
|
|
|
| series = chart.box(data);
|
|
|
|
|
| series.whiskerWidth(30);
|
| series.normal().whiskerStroke("#dd2c00", 1);
|
|
|
|
|
| var title = chart.title("Gross salaries H1 2019");
|
|
|
|
|
| chart.title().fontSize(20);
|
| chart.xAxis().labels().fontSize(18);
|
| chart.yAxis().labels().fontSize(18);
|
|
|
|
|
| chart.interactivity("by-x");
|
|
|
|
|
| chart.yScale().ticks().interval(20000);
|
| chart.yScale().minorTicks().interval(5000);
|
|
|
|
|
| chart.yAxis().minorTicks().enabled(true);
|
|
|
|
|
| chart.xGrid().enabled(true);
|
| chart.yGrid().enabled(true);
|
|
|
| chart.xMinorGrid().enabled(true);
|
| chart.yMinorGrid().enabled(true);
|
|
|
|
|
| chart.container("container");
|
|
|
|
|
| chart.draw();
|
| });</script>
|
| </body>
|
| </html> |
