Skip to content

T
test_task
Commit 9ab97c3b authored by Dmitry Nikulin's avatar Dmitry Nikulin Committed by Dmitry
5 Browse files
Options

Исправлена проблема с регистром тега clipPath

parent 5ee757c6
Hide whitespace changes
Inline Side-by-side
Showing with 82 additions and 63 deletions
area.svg
View file @ 9ab97c3b
<svg style="overflow: hidden; background-color: white;" width="481" height="289" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="c3 chart-svg"><defs><clippath id="c3-1449053518222-clip"><rect width="384" height="203"></rect></clippath><clippath id="c3-1449053518222-clip-xaxis"><rect x="-51" y="-20" width="483" height="60"></rect></clippath><clippath id="c3-1449053518222-clip-yaxis"><rect x="-49" y="-46" width="70" height="269"></rect></clippath><clippath id="c3-1449053518222-clip-grid"><rect width="384" height="203"></rect></clippath><clippath id="c3-1449053518222-clip-subchart"><rect width="384"></rect></clippath></defs><g transform="translate(50.5,46.5)"><text class="c3-text c3-empty" text-anchor="middle" dominant-baseline="middle" x="192" y="101.5" style="opacity: 0;"></text><rect class="c3-zoom-rect" width="384" height="203" style="opacity: 0;"></rect><g clip-path="url(#c3-1449053518222-clip)" class="c3-regions" style="visibility: visible;"></g><g clip-path="url(#c3-1449053518222-clip-grid)" class="c3-grid" style="visibility: visible;"><g class="c3-xgrids"></g><g class="c3-ygrids"><line class="c3-ygrid" x1="0" x2="384" y1="203" y2="203"></line><line class="c3-ygrid" x1="0" x2="384" y1="183" y2="183"></line><line class="c3-ygrid" x1="0" x2="384" y1="163" y2="163"></line><line class="c3-ygrid" x1="0" x2="384" y1="143" y2="143"></line><line class="c3-ygrid" x1="0" x2="384" y1="123" y2="123"></line><line class="c3-ygrid" x1="0" x2="384" y1="102" y2="102"></line><line class="c3-ygrid" x1="0" x2="384" y1="82" y2="82"></line><line class="c3-ygrid" x1="0" x2="384" y1="62" y2="62"></line><line class="c3-ygrid" x1="0" x2="384" y1="42" y2="42"></line><line class="c3-ygrid" x1="0" x2="384" y1="22" y2="22"></line><line class="c3-ygrid" x1="0" x2="384" y1="1" y2="1"></line></g><g class="c3-xgrid-focus"><line class="c3-xgrid-focus" x1="-10" x2="-10" y1="0" y2="203" style="visibility: hidden;"></line></g></g><g clip-path="url(#c3-1449053518222-clip)" class="c3-chart"><g class="c3-event-rects" style="fill-opacity: 0;"></g><g class="c3-chart-bars"><g class="c3-chart-bar c3-target c3-target-data1" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data1 c3-bars c3-bars-data1" style="cursor: pointer;"></g></g><g class="c3-chart-bar c3-target c3-target-data2" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data2 c3-bars c3-bars-data2" style="cursor: pointer;"></g></g></g><g class="c3-chart-lines"><g class="c3-chart-line c3-target c3-target-data1" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data1 c3-lines c3-lines-data1"><path class=" c3-shape c3-shape c3-line c3-line-data1" style="stroke: #5b9bd5; opacity: 1;" d="M0,162.6L64,81.8L128,122.2L192,142.4L256,182.8L320,81.8L384,41.39999999999999"></path></g><g class=" c3-shapes c3-shapes-data1 c3-areas c3-areas-data1"><path class=" c3-shape c3-shape c3-area c3-area-data1" style="fill: #5b9bd5; opacity: 0;" d="M0,162.6L64,81.8L128,122.2L192,142.4L256,182.8L320,81.8L384,41.39999999999999L384,203L320,203L256,203L192,203L128,203L64,203L0,203Z"></path></g><g class=" c3-selected-circles c3-selected-circles-data1"></g><g class=" c3-shapes c3-shapes-data1 c3-circles c3-circles-data1" style="cursor: pointer;"><circle class=" c3-shape c3-shape-0 c3-circle c3-circle-0" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="0" cy="162.6"></circle><circle class=" c3-shape c3-shape-1 c3-circle c3-circle-1" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="64" cy="81.8"></circle><circle class=" c3-shape c3-shape-2 c3-circle c3-circle-2" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="128" cy="122.2"></circle><circle class=" c3-shape c3-shape-3 c3-circle c3-circle-3" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="192" cy="142.4"></circle><circle class=" c3-shape c3-shape-4 c3-circle c3-circle-4" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="256" cy="182.8"></circle><circle class=" c3-shape c3-shape-5 c3-circle c3-circle-5" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="320" cy="81.8"></circle><circle class=" c3-shape c3-shape-6 c3-circle c3-circle-6" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="384" cy="41.39999999999999"></circle></g></g><g class="c3-chart-line c3-target c3-target-data2" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data2 c3-lines c3-lines-data2"><path class=" c3-shape c3-shape c3-line c3-line-data2" style="stroke: #ed7d31; opacity: 1;" d="M0,102L64,122.2L128,162.6L192,21.199999999999996L256,142.4L320,102L384,162.6"></path></g><g class=" c3-shapes c3-shapes-data2 c3-areas c3-areas-data2"><path class=" c3-shape c3-shape c3-area c3-area-data2" style="fill: #ed7d31; opacity: 0;" d="M0,102L64,122.2L128,162.6L192,21.199999999999996L256,142.4L320,102L384,162.6L384,203L320,203L256,203L192,203L128,203L64,203L0,203Z"></path></g><g class=" c3-selected-circles c3-selected-circles-data2"></g><g class=" c3-shapes c3-shapes-data2 c3-circles c3-circles-data2" style="cursor: pointer;"><circle class=" c3-shape c3-shape-0 c3-circle c3-circle-0" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="0" cy="102"></circle><circle class=" c3-shape c3-shape-1 c3-circle c3-circle-1" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="64" cy="122.2"></circle><circle class=" c3-shape c3-shape-2 c3-circle c3-circle-2" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="128" cy="162.6"></circle><circle class=" c3-shape c3-shape-3 c3-circle c3-circle-3" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="192" cy="21.199999999999996"></circle><circle class=" c3-shape c3-shape-4 c3-circle c3-circle-4" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="256" cy="142.4"></circle><circle class=" c3-shape c3-shape-5 c3-circle c3-circle-5" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="320" cy="102"></circle><circle class=" c3-shape c3-shape-6 c3-circle c3-circle-6" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="384" cy="162.6"></circle></g></g></g><g class="c3-chart-arcs" transform="translate(174.5,101.5)"><text class="c3-chart-arcs-title" style="text-anchor: middle; opacity: 0;"></text></g><g class="c3-chart-texts"><g class="c3-chart-text c3-target c3-target-data1" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-data1"></g></g><g class="c3-chart-text c3-target c3-target-data2" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-data2"></g></g></g></g><g clip-path="url(#c3-1449053518222-clip-grid)" class="c3-grid c3-grid-lines"><g class="c3-xgrid-lines"></g><g class="c3-ygrid-lines"></g></g><g class="c3-axis c3-axis-x" clip-path="url(#c3-1449053518222-clip-xaxis)" transform="translate(0,203)" style="visibility: visible; opacity: 1;"><text class="c3-axis-x-label" transform="" style="text-anchor: middle;" dy="3em" dx="0" x="192">Ось X</text><g class="tick" style="opacity: 1;" transform="translate(0, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(32, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(64, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(96, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(128, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(160, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(192, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(224, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(256, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(288, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(320, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(352, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(384, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">7</tspan></text></g><path class="domain" d="M0,6V0H384V6"></path></g><g class="c3-axis c3-axis-y" clip-path="url(#c3-1449053518222-clip-yaxis)" transform="translate(0,0)" style="visibility: visible; opacity: 1;"><text class="c3-axis-y-label" transform="rotate(-90)" style="text-anchor: middle;" dy="-30" dx="0" x="-101.5">Ось Y</text><g class="tick" style="opacity: 1;" transform="translate(0,203)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">0</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,183)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,163)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,143)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,123)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,102)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,82)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,62)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">7</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,42)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">8</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,22)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">9</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,1)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">10</tspan></text></g><path class="domain" d="M-6,1H0V203H-6"></path></g><g class="c3-axis c3-axis-y2" transform="translate(384,0)" style="visibility: hidden; opacity: 1;"><text class="c3-axis-y2-label" transform="rotate(-90)" style="text-anchor: end;" dy="-0.5em" dx="-0.5em" x="0"></text><g class="tick" style="opacity: 1;" transform="translate(0,203)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,183)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,163)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,143)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,123)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,102)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,82)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,62)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.7</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,42)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.8</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,22)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.9</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,1)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">1</tspan></text></g><path class="domain" d="M6,1H0V203H6"></path></g></g><g transform="translate(50.5,289.5)" style="visibility: hidden;"><g clip-path="url(#c3-1449053518222-clip-subchart)" class="c3-chart"><g class="c3-chart-bars"></g><g class="c3-chart-lines"></g></g><g clip-path="url(#c3-1449053518222-clip)" class="c3-brush" style="pointer-events: all;"><rect class="background" style="visibility: hidden; cursor: crosshair;" x="0" width="409"></rect><rect class="extent" style="cursor: move;" x="0" width="0"></rect><g class="resize e" style="cursor: ew-resize; display: none;" transform="translate(0,0)"><rect x="-3" width="6" height="6" style="visibility: hidden;"></rect></g><g class="resize w" style="cursor: ew-resize; display: none;" transform="translate(0,0)"><rect x="-3" width="6" height="6" style="visibility: hidden;"></rect></g></g><g class="c3-axis-x" transform="translate(0,0)" clip-path="url(#c3-1449053518222-clip-xaxis)" style="opacity: 1;"><g class="tick" style="opacity: 1;" transform="translate(0, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(32, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(64, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(96, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(128, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(160, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(192, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(224, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(256, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(288, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(320, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(352, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(384, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">7</tspan></text></g><path class="domain" d="M0,6V0H384V6"></path></g></g><g transform="translate(456,0)"><g class="c3-legend-item c3-legend-item-data1" style="visibility: visible; cursor: pointer; opacity: 1;"><text style="pointer-events: none;" x="8" y="149.5">Ряд 1</text><rect class="c3-legend-item-event" style="fill-opacity: 0;" x="-6" y="135.5" width="25" height="4"></rect><rect class="c3-legend-item-tile" style="pointer-events: none; fill: #5b9bd5;" x="-6" y="140.5" width="10" height="10"></rect></g><g class="c3-legend-item c3-legend-item-data2" style="visibility: visible; cursor: pointer; opacity: 1;"><text style="pointer-events: none;" x="8" y="161.5">Ряд 2</text><rect class="c3-legend-item-event" style="fill-opacity: 0;" x="-6" y="147.5" width="25" height="4"></rect><rect class="c3-legend-item-tile" style="pointer-events: none; fill: #ed7d31;" x="-6" y="152.5" width="10" height="10"></rect></g></g><style>svg.c3{font:10px sans-serif;background-color:#fff}.c3.chart-svg{padding:0px;margin:0px;float:none}.c3 path,.c3 line{fill:none;stroke:#000}.c3 text{font-family:Arial,Helvetica,sans-serif;font-size:.5em;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-title{font-family:Arial,Helvetica,sans-serif !important;font-size:.9em !important;color:#fff !important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:.7em}.c3-grid line{stroke:#808080}.c3-grid text{fill:#808080}.c3-xgrid,.c3-ygrid{stroke-width:1}.c3-text.c3-empty{fill:#808080;font-size:.5em}.c3-line{stroke-width:1.5}.c3-circle._expanded_{stroke-width:1.5;stroke:#fff}.c3-bar{stroke-width:0}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-family:Arial,Helvetica,sans-serif;font-size:1em !important;color:#fff;cursor:default !important}.c3-legend-background{opacity:.75;fill:#fff;stroke:lightgray;stroke-width:1}.c3-area{stroke-width:0;opacity:1 !important}.c3-pattern-color-0{color:#5b9bd5}.c3-pattern-color-1{color:#ed7d31}.c3-pattern-color-2{color:#a5a5a5}.c3-pattern-color-3{color:#ffc000}.c3-pattern-color-4{color:#4472c4}.c3-pattern-color-5{color:#70ad47}.c3-pattern-color-6{color:#255e91}.c3-pattern-color-7{color:#9e480e}.c3-pattern-color-8{color:#636363}.c3-pattern-color-9{color:#997300}.c3-pattern-color-10{color:#264478}.c3-pattern-color-11{color:#43682b}</style><text class="c3-title" text-anchor="middle" x="240.5" y="32" style="display: block;"><tspan>Area</tspan></text><style>svg.c3{font:10px sans-serif;background-color:#fff}.c3.chart-svg{padding:0px;margin:0px;float:none}.c3 path,.c3 line{fill:none;stroke:#000}.c3 text{font-family:Arial,Helvetica,sans-serif;font-size:.5em;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-title{font-family:Arial,Helvetica,sans-serif !important;font-size:.9em !important;color:#fff !important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:.7em}.c3-grid line{stroke:#808080}.c3-grid text{fill:#808080}.c3-xgrid,.c3-ygrid{stroke-width:1}.c3-text.c3-empty{fill:#808080;font-size:.5em}.c3-line{stroke-width:1.5}.c3-circle._expanded_{stroke-width:1.5;stroke:#fff}.c3-bar{stroke-width:0}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-family:Arial,Helvetica,sans-serif;font-size:1em !important;color:#fff;cursor:default !important}.c3-legend-background{opacity:.75;fill:#fff;stroke:lightgray;stroke-width:1}.c3-area{stroke-width:0;opacity:1 !important}.c3-pattern-color-0{color:#5b9bd5}.c3-pattern-color-1{color:#ed7d31}.c3-pattern-color-2{color:#a5a5a5}.c3-pattern-color-3{color:#ffc000}.c3-pattern-color-4{color:#4472c4}.c3-pattern-color-5{color:#70ad47}.c3-pattern-color-6{color:#255e91}.c3-pattern-color-7{color:#9e480e}.c3-pattern-color-8{color:#636363}.c3-pattern-color-9{color:#997300}.c3-pattern-color-10{color:#264478}.c3-pattern-color-11{color:#43682b}</style></svg> <svg style="overflow: hidden; background-color: white;" width="481" height="289" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="c3 chart-svg"><defs><clipPath id="c3-1449053518222-clip"><rect width="384" height="203"></rect></clipPath><clipPath id="c3-1449053518222-clip-xaxis"><rect x="-51" y="-20" width="483" height="60"></rect></clipPath><clipPath id="c3-1449053518222-clip-yaxis"><rect x="-49" y="-46" width="70" height="269"></rect></clipPath><clipPath id="c3-1449053518222-clip-grid"><rect width="384" height="203"></rect></clipPath><clipPath id="c3-1449053518222-clip-subchart"><rect width="384"></rect></clipPath></defs><g transform="translate(50.5,46.5)"><text class="c3-text c3-empty" text-anchor="middle" dominant-baseline="middle" x="192" y="101.5" style="opacity: 0;"></text><rect class="c3-zoom-rect" width="384" height="203" style="opacity: 0;"></rect><g clip-path="url(#c3-1449053518222-clip)" class="c3-regions" style="visibility: visible;"></g><g clip-path="url(#c3-1449053518222-clip-grid)" class="c3-grid" style="visibility: visible;"><g class="c3-xgrids"></g><g class="c3-ygrids"><line class="c3-ygrid" x1="0" x2="384" y1="203" y2="203"></line><line class="c3-ygrid" x1="0" x2="384" y1="183" y2="183"></line><line class="c3-ygrid" x1="0" x2="384" y1="163" y2="163"></line><line class="c3-ygrid" x1="0" x2="384" y1="143" y2="143"></line><line class="c3-ygrid" x1="0" x2="384" y1="123" y2="123"></line><line class="c3-ygrid" x1="0" x2="384" y1="102" y2="102"></line><line class="c3-ygrid" x1="0" x2="384" y1="82" y2="82"></line><line class="c3-ygrid" x1="0" x2="384" y1="62" y2="62"></line><line class="c3-ygrid" x1="0" x2="384" y1="42" y2="42"></line><line class="c3-ygrid" x1="0" x2="384" y1="22" y2="22"></line><line class="c3-ygrid" x1="0" x2="384" y1="1" y2="1"></line></g><g class="c3-xgrid-focus"><line class="c3-xgrid-focus" x1="-10" x2="-10" y1="0" y2="203" style="visibility: hidden;"></line></g></g><g clip-path="url(#c3-1449053518222-clip)" class="c3-chart"><g class="c3-event-rects" style="fill-opacity: 0;"></g><g class="c3-chart-bars"><g class="c3-chart-bar c3-target c3-target-data1" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data1 c3-bars c3-bars-data1" style="cursor: pointer;"></g></g><g class="c3-chart-bar c3-target c3-target-data2" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data2 c3-bars c3-bars-data2" style="cursor: pointer;"></g></g></g><g class="c3-chart-lines"><g class="c3-chart-line c3-target c3-target-data1" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data1 c3-lines c3-lines-data1"><path class=" c3-shape c3-shape c3-line c3-line-data1" style="stroke: #5b9bd5; opacity: 1;" d="M0,162.6L64,81.8L128,122.2L192,142.4L256,182.8L320,81.8L384,41.39999999999999"></path></g><g class=" c3-shapes c3-shapes-data1 c3-areas c3-areas-data1"><path class=" c3-shape c3-shape c3-area c3-area-data1" style="fill: #5b9bd5; opacity: 0;" d="M0,162.6L64,81.8L128,122.2L192,142.4L256,182.8L320,81.8L384,41.39999999999999L384,203L320,203L256,203L192,203L128,203L64,203L0,203Z"></path></g><g class=" c3-selected-circles c3-selected-circles-data1"></g><g class=" c3-shapes c3-shapes-data1 c3-circles c3-circles-data1" style="cursor: pointer;"><circle class=" c3-shape c3-shape-0 c3-circle c3-circle-0" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="0" cy="162.6"></circle><circle class=" c3-shape c3-shape-1 c3-circle c3-circle-1" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="64" cy="81.8"></circle><circle class=" c3-shape c3-shape-2 c3-circle c3-circle-2" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="128" cy="122.2"></circle><circle class=" c3-shape c3-shape-3 c3-circle c3-circle-3" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="192" cy="142.4"></circle><circle class=" c3-shape c3-shape-4 c3-circle c3-circle-4" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="256" cy="182.8"></circle><circle class=" c3-shape c3-shape-5 c3-circle c3-circle-5" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="320" cy="81.8"></circle><circle class=" c3-shape c3-shape-6 c3-circle c3-circle-6" r="2.5" style="fill: #5b9bd5; opacity: 0;" cx="384" cy="41.39999999999999"></circle></g></g><g class="c3-chart-line c3-target c3-target-data2" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-data2 c3-lines c3-lines-data2"><path class=" c3-shape c3-shape c3-line c3-line-data2" style="stroke: #ed7d31; opacity: 1;" d="M0,102L64,122.2L128,162.6L192,21.199999999999996L256,142.4L320,102L384,162.6"></path></g><g class=" c3-shapes c3-shapes-data2 c3-areas c3-areas-data2"><path class=" c3-shape c3-shape c3-area c3-area-data2" style="fill: #ed7d31; opacity: 0;" d="M0,102L64,122.2L128,162.6L192,21.199999999999996L256,142.4L320,102L384,162.6L384,203L320,203L256,203L192,203L128,203L64,203L0,203Z"></path></g><g class=" c3-selected-circles c3-selected-circles-data2"></g><g class=" c3-shapes c3-shapes-data2 c3-circles c3-circles-data2" style="cursor: pointer;"><circle class=" c3-shape c3-shape-0 c3-circle c3-circle-0" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="0" cy="102"></circle><circle class=" c3-shape c3-shape-1 c3-circle c3-circle-1" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="64" cy="122.2"></circle><circle class=" c3-shape c3-shape-2 c3-circle c3-circle-2" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="128" cy="162.6"></circle><circle class=" c3-shape c3-shape-3 c3-circle c3-circle-3" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="192" cy="21.199999999999996"></circle><circle class=" c3-shape c3-shape-4 c3-circle c3-circle-4" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="256" cy="142.4"></circle><circle class=" c3-shape c3-shape-5 c3-circle c3-circle-5" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="320" cy="102"></circle><circle class=" c3-shape c3-shape-6 c3-circle c3-circle-6" r="2.5" style="fill: #ed7d31; opacity: 0;" cx="384" cy="162.6"></circle></g></g></g><g class="c3-chart-arcs" transform="translate(174.5,101.5)"><text class="c3-chart-arcs-title" style="text-anchor: middle; opacity: 0;"></text></g><g class="c3-chart-texts"><g class="c3-chart-text c3-target c3-target-data1" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-data1"></g></g><g class="c3-chart-text c3-target c3-target-data2" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-data2"></g></g></g></g><g clip-path="url(#c3-1449053518222-clip-grid)" class="c3-grid c3-grid-lines"><g class="c3-xgrid-lines"></g><g class="c3-ygrid-lines"></g></g><g class="c3-axis c3-axis-x" clip-path="url(#c3-1449053518222-clip-xaxis)" transform="translate(0,203)" style="visibility: visible; opacity: 1;"><text class="c3-axis-x-label" transform="" style="text-anchor: middle;" dy="3em" dx="0" x="192">Ось X</text><g class="tick" style="opacity: 1;" transform="translate(0, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(32, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(64, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(96, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(128, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(160, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(192, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(224, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(256, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(288, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(320, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(352, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(384, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">7</tspan></text></g><path class="domain" d="M0,6V0H384V6"></path></g><g class="c3-axis c3-axis-y" clip-path="url(#c3-1449053518222-clip-yaxis)" transform="translate(0,0)" style="visibility: visible; opacity: 1;"><text class="c3-axis-y-label" transform="rotate(-90)" style="text-anchor: middle;" dy="-30" dx="0" x="-101.5">Ось Y</text><g class="tick" style="opacity: 1;" transform="translate(0,203)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">0</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,183)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,163)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,143)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,123)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,102)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,82)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,62)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">7</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,42)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">8</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,22)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">9</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,1)"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">10</tspan></text></g><path class="domain" d="M-6,1H0V203H-6"></path></g><g class="c3-axis c3-axis-y2" transform="translate(384,0)" style="visibility: hidden; opacity: 1;"><text class="c3-axis-y2-label" transform="rotate(-90)" style="text-anchor: end;" dy="-0.5em" dx="-0.5em" x="0"></text><g class="tick" style="opacity: 1;" transform="translate(0,203)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,183)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,163)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,143)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,123)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,102)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,82)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,62)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.7</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,42)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.8</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,22)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.9</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(0,1)"><line x2="6" y2="0"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">1</tspan></text></g><path class="domain" d="M6,1H0V203H6"></path></g></g><g transform="translate(50.5,289.5)" style="visibility: hidden;"><g clip-path="url(#c3-1449053518222-clip-subchart)" class="c3-chart"><g class="c3-chart-bars"></g><g class="c3-chart-lines"></g></g><g clip-path="url(#c3-1449053518222-clip)" class="c3-brush" style="pointer-events: all;"><rect class="background" style="visibility: hidden; cursor: crosshair;" x="0" width="409"></rect><rect class="extent" style="cursor: move;" x="0" width="0"></rect><g class="resize e" style="cursor: ew-resize; display: none;" transform="translate(0,0)"><rect x="-3" width="6" height="6" style="visibility: hidden;"></rect></g><g class="resize w" style="cursor: ew-resize; display: none;" transform="translate(0,0)"><rect x="-3" width="6" height="6" style="visibility: hidden;"></rect></g></g><g class="c3-axis-x" transform="translate(0,0)" clip-path="url(#c3-1449053518222-clip-xaxis)" style="opacity: 1;"><g class="tick" style="opacity: 1;" transform="translate(0, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(32, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">1.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(64, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(96, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">2.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(128, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(160, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">3.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(192, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(224, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">4.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(256, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(288, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">5.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(320, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(352, 0)"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">6.5</tspan></text></g><g class="tick" style="opacity: 1;" transform="translate(384, 0)"><line y2="0" x1="0" x2="0"></line><text y="9" x="0" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em">7</tspan></text></g><path class="domain" d="M0,6V0H384V6"></path></g></g><g transform="translate(456,0)"><g class="c3-legend-item c3-legend-item-data1" style="visibility: visible; cursor: pointer; opacity: 1;"><text style="pointer-events: none;" x="8" y="149.5">Ряд 1</text><rect class="c3-legend-item-event" style="fill-opacity: 0;" x="-6" y="135.5" width="25" height="4"></rect><rect class="c3-legend-item-tile" style="pointer-events: none; fill: #5b9bd5;" x="-6" y="140.5" width="10" height="10"></rect></g><g class="c3-legend-item c3-legend-item-data2" style="visibility: visible; cursor: pointer; opacity: 1;"><text style="pointer-events: none;" x="8" y="161.5">Ряд 2</text><rect class="c3-legend-item-event" style="fill-opacity: 0;" x="-6" y="147.5" width="25" height="4"></rect><rect class="c3-legend-item-tile" style="pointer-events: none; fill: #ed7d31;" x="-6" y="152.5" width="10" height="10"></rect></g></g><style>svg.c3{font:10px sans-serif;background-color:#fff}.c3.chart-svg{padding:0px;margin:0px;float:none}.c3 path,.c3 line{fill:none;stroke:#000}.c3 text{font-family:Arial,Helvetica,sans-serif;font-size:.5em;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-title{font-family:Arial,Helvetica,sans-serif !important;font-size:.9em !important;color:#fff !important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:.7em}.c3-grid line{stroke:#808080}.c3-grid text{fill:#808080}.c3-xgrid,.c3-ygrid{stroke-width:1}.c3-text.c3-empty{fill:#808080;font-size:.5em}.c3-line{stroke-width:1.5}.c3-circle._expanded_{stroke-width:1.5;stroke:#fff}.c3-bar{stroke-width:0}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-family:Arial,Helvetica,sans-serif;font-size:1em !important;color:#fff;cursor:default !important}.c3-legend-background{opacity:.75;fill:#fff;stroke:lightgray;stroke-width:1}.c3-area{stroke-width:0;opacity:1 !important}.c3-pattern-color-0{color:#5b9bd5}.c3-pattern-color-1{color:#ed7d31}.c3-pattern-color-2{color:#a5a5a5}.c3-pattern-color-3{color:#ffc000}.c3-pattern-color-4{color:#4472c4}.c3-pattern-color-5{color:#70ad47}.c3-pattern-color-6{color:#255e91}.c3-pattern-color-7{color:#9e480e}.c3-pattern-color-8{color:#636363}.c3-pattern-color-9{color:#997300}.c3-pattern-color-10{color:#264478}.c3-pattern-color-11{color:#43682b}</style><text class="c3-title" text-anchor="middle" x="240.5" y="32" style="display: block;"><tspan>Area</tspan></text><style>svg.c3{font:10px sans-serif;background-color:#fff}.c3.chart-svg{padding:0px;margin:0px;float:none}.c3 path,.c3 line{fill:none;stroke:#000}.c3 text{font-family:Arial,Helvetica,sans-serif;font-size:.5em;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-title{font-family:Arial,Helvetica,sans-serif !important;font-size:.9em !important;color:#fff !important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:.7em}.c3-grid line{stroke:#808080}.c3-grid text{fill:#808080}.c3-xgrid,.c3-ygrid{stroke-width:1}.c3-text.c3-empty{fill:#808080;font-size:.5em}.c3-line{stroke-width:1.5}.c3-circle._expanded_{stroke-width:1.5;stroke:#fff}.c3-bar{stroke-width:0}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-family:Arial,Helvetica,sans-serif;font-size:1em !important;color:#fff;cursor:default !important}.c3-legend-background{opacity:.75;fill:#fff;stroke:lightgray;stroke-width:1}.c3-area{stroke-width:0;opacity:1 !important}.c3-pattern-color-0{color:#5b9bd5}.c3-pattern-color-1{color:#ed7d31}.c3-pattern-color-2{color:#a5a5a5}.c3-pattern-color-3{color:#ffc000}.c3-pattern-color-4{color:#4472c4}.c3-pattern-color-5{color:#70ad47}.c3-pattern-color-6{color:#255e91}.c3-pattern-color-7{color:#9e480e}.c3-pattern-color-8{color:#636363}.c3-pattern-color-9{color:#997300}.c3-pattern-color-10{color:#264478}.c3-pattern-color-11{color:#43682b}</style></svg>
\ No newline at end of file \ No newline at end of file
node_modules/jsdom/lib/jsdom.js
View file @ 9ab97c3b
...@@ -244,8 +244,8 @@ exports.env = exports.jsdom.env = function () { ...@@ -244,8 +244,8 @@ exports.env = exports.jsdom.env = function () {
return req; return req;
}; };
exports.serializeDocument = function (doc) { exports.serializeDocument = function (doc, lowerCaseTagNames) {
return domToHtml([doc]); return domToHtml([doc], lowerCaseTagNames);
}; };
function processHTML(config) { function processHTML(config) {
......
node_modules/jsdom/lib/jsdom/browser/documentAdapter.js
View file @ 9ab97c3b
...@@ -2,72 +2,79 @@ ...@@ -2,72 +2,79 @@
const idlUtils = require("../living/generated/utils"); const idlUtils = require("../living/generated/utils");
// Tree traversing class DocumentAdapter {
exports.getFirstChild = function (node) { constructor(lowerCaseTagNames){
  • Vitaly Lipatov @lav commented ·

    Очень странно, что тут пришлось убирать все exports. Среди них потерялись изменения, внесённые в jsdom.

    Edited
Please register or sign in to reply
  • Дмитрий Никулин @TheOwl commented ·
    Maintainer

    Я мог бы просто убрать .toLowerCase() в getTagName, но тогда это поведение нельзя было бы изменять. Могу вернуть все на место и изменить только одну строчку.

Please register or sign in to reply
  • Vitaly Lipatov @lav commented ·

    Я только к тому, что коммит, в котором предложено решение, должен быть лаконично оформлен, чтобы в нём это самое решение можно было увидеть. Там не должно быть других изменений, за которыми теряется суть. Например, вот зачем в этом коммите ещё и area.svg меняется?

Please register or sign in to reply
  • Дмитрий Никулин @TheOwl commented ·
    Maintainer

    Спасибо, ошибку понял. Оформил более "чистое" решение в отдельной ветке: ссылка

Please register or sign in to reply
Please register or sign in to reply
return node.childNodes[0]; this.lowerCaseTagNames = lowerCaseTagNames;
}; }
exports.getChildNodes = function (node) { getFirstChild (node) {
// parse5 treats template elements specially, assuming you return an array whose single item is the document fragment return node.childNodes[0];
const children = node._templateContents ? [node._templateContents] : []; }
if (children.length === 0) {
for (let i = 0; i < node.childNodes.length; ++i) { getChildNodes (node) {
children.push(idlUtils.implForWrapper(node.childNodes[i])); // parse5 treats template elements specially, assuming you return an array whose single item is the document fragment
const children = node._templateContents ? [node._templateContents] : [];
if (children.length === 0) {
for (let i = 0; i < node.childNodes.length; ++i) {
children.push(idlUtils.implForWrapper(node.childNodes[i]));
}
} }
return children;
} }
return children;
};
exports.getParentNode = function (node) { getParentNode (node) {
return node.parentNode; return node.parentNode;
}; }
exports.getAttrList = function (node) { getAttrList (node) {
return node.attributes; return node.attributes;
}; }
// Node data
getTagName (element) {
return this.lowerCaseTagNames?element.tagName.toLowerCase():element.tagName;
}
// Node data getNamespaceURI (element) {
exports.getTagName = function (element) { return element.namespaceURI || "http://www.w3.org/1999/xhtml";
return element.tagName.toLowerCase(); }
};
exports.getNamespaceURI = function (element) { getTextNodeContent (textNode) {
return element.namespaceURI || "http://www.w3.org/1999/xhtml"; return textNode.nodeValue;
}; }
exports.getTextNodeContent = function (textNode) { getCommentNodeContent (commentNode) {
return textNode.nodeValue; return commentNode.nodeValue;
}; }
exports.getCommentNodeContent = function (commentNode) { getDocumentTypeNodeName (doctypeNode) {
return commentNode.nodeValue; return doctypeNode.name;
}; }
exports.getDocumentTypeNodeName = function (doctypeNode) { getDocumentTypeNodePublicId (doctypeNode) {
return doctypeNode.name; return doctypeNode.publicId || null;
}; }
exports.getDocumentTypeNodePublicId = function (doctypeNode) { getDocumentTypeNodeSystemId (doctypeNode) {
return doctypeNode.publicId || null; return doctypeNode.systemId || null;
}; }
exports.getDocumentTypeNodeSystemId = function (doctypeNode) { // Node types
return doctypeNode.systemId || null; isTextNode (node) {
}; return node.nodeName === "#text";
}
// Node types isCommentNode (node) {
exports.isTextNode = function (node) { return node.nodeName === "#comment";
return node.nodeName === "#text"; }
};
exports.isCommentNode = function (node) { isDocumentTypeNode (node) {
return node.nodeName === "#comment"; return node.nodeType === 10;
}; }
exports.isDocumentTypeNode = function (node) { isElementNode (node) {
return node.nodeType === 10; return Boolean(node.tagName);
}; }
}
exports.isElementNode = function (node) { module.exports = DocumentAdapter;
return Boolean(node.tagName);
};
node_modules/jsdom/lib/jsdom/browser/domtohtml.js
View file @ 9ab97c3b
"use strict"; "use strict";
const parse5 = require("parse5"); const parse5 = require("parse5");
const documentAdapter = require("./documentAdapter"); const DocumentAdapter = require("./documentAdapter");
const NODE_TYPE = require("../living/node-type"); const NODE_TYPE = require("../living/node-type");
const idlUtils = require("../living/generated/utils"); const idlUtils = require("../living/generated/utils");
const serializer = new parse5.TreeSerializer(documentAdapter);
exports.domToHtml = function (iterable) { exports.domToHtml = function (iterable, lowerCaseTagNames) {
if(typeof lowerCaseTagNames === 'undefined') {
lowerCaseTagNames = true;
}
var documentAdapter = new DocumentAdapter(lowerCaseTagNames);
var serializer = new parse5.TreeSerializer(documentAdapter);
let ret = ""; let ret = "";
for (const node of iterable) { for (const node of iterable) {
if (node.nodeType === NODE_TYPE.DOCUMENT_NODE) { if (node.nodeType === NODE_TYPE.DOCUMENT_NODE) {
......
svg_dom.js
View file @ 9ab97c3b
...@@ -16,8 +16,16 @@ function loadCompleteCallback(err, window){ ...@@ -16,8 +16,16 @@ function loadCompleteCallback(err, window){
if(err){ if(err){
console.error("Произошла ошибка при загрузке DOM: "+err.toString()); console.error("Произошла ошибка при загрузке DOM: "+err.toString());
} else { } else {
// Сериализируем DOM в строку /* Сериализируем DOM в строку.
var serializedSvg = jsdom.serializeDocument(window.document); * Опытным путем было выяснено, что регистр "портится" при сериализации.
* В код jsdom внесены изменения: теперь serializeDocument принимает
* необязательный аргумент, отвечающий за перевод имен тегов в нижний
* регистр. Если он не указан или же его значение равно true, то
* serializeDocument ведет себя так же, как и ранее. Если этот параметр
* равен false, то имена тегов не переводятся в нижний регистр.
* В данном случае требуется не переводить имена тегов в нижний регистр,
* поэтому передаем false вторым аргументом. */
var serializedSvg = jsdom.serializeDocument(window.document, false);
try { try {
fs.writeFileSync(OUTPUT_FILE, serializedSvg); fs.writeFileSync(OUTPUT_FILE, serializedSvg);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment