bijal.vakharia
Posts: 1
Joined: Wed Dec 22, 2021 1:44 pm

X axis and Y axis labels are not clear with Highchart SVG attached

Hi Team,

Below is svg string that is formed from Highchart

While exporting this svg file to png file, all labels are not clear and bold (it is showing with lighter font)

Could any one please modify this svg file so I can get proper and clear label in the exported png image


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<svg height=" 473" width="1510" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0,0)"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="highcharts-root" style="font-family:Akkurat;font-size:11px;"
xmlns="http://www.w3.org/2000/svg" width="1510" height="473" viewBox="0 0 1510 473">
<desc>Created with Highcharts 8.0.4</desc>
<defs>
<clipPath id="highcharts-3yjylzp-737-">
<rect x="0" y="0" width="1416" height="388" fill="none"></rect>
</clipPath>
<clipPath id="highcharts-3yjylzp-916-">
<rect x="0" y="0" width="1416" height="388" fill="none"></rect>
</clipPath>
<clipPath id="highcharts-3yjylzp-917-">
<rect x="79" y="36" width="1416" height="388" fill="none"></rect>
</clipPath>
</defs>
<rect fill="#FFFFFF" class="highcharts-background" x="0" y="0" width="1510" height="473" rx="0" ry="0"></rect>
<rect fill="none" class="highcharts-plot-background" x="79" y="36" width="1416" height="388"></rect>
<g class="highcharts-pane-group" data-z-index="0"></g>
<g class="highcharts-grid highcharts-xaxis-grid" data-z-index="1">
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 102.5 36 L 102.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 229.5 36 L 229.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 316.5 36 L 316.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 406.5 36 L 406.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 534.5 36 L 534.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 678.5 36 L 678.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 806.5 36 L 806.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 902.5 36 L 902.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 982.5 36 L 982.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1134.5 36 L 1134.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1230.5 36 L 1230.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1310.5 36 L 1310.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1406.5 36 L 1406.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1492.5 36 L 1492.5 424" opacity="1"></path>
</g>
<g class="highcharts-grid highcharts-xaxis-grid" data-z-index="1">
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 102.5 36 L 102.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 174.5 36 L 174.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 229.5 36 L 229.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 286.5 36 L 286.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 350.5 36 L 350.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 406.5 36 L 406.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 470.5 36 L 470.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 534.5 36 L 534.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 604.5 36 L 604.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 678.5 36 L 678.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 758.5 36 L 758.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 799.5 36 L 799.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 802.5 36 L 802.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 806.5 36 L 806.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 830.5 36 L 830.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 870.5 36 L 870.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 942.5 36 L 942.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1022.5 36 L 1022.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1100.5 36 L 1100.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1142.5 36 L 1142.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1185.5 36 L 1185.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1230.5 36 L 1230.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1310.5 36 L 1310.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1382.5 36 L 1382.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1406.5 36 L 1406.5 424" opacity="1"></path>
<path fill="none" data-z-index="1" class="highcharts-grid-line" d="M 1470.5 36 L 1470.5 424" opacity="1"></path>
</g>
<g class="highcharts-grid highcharts-yaxis-grid" data-z-index="1">
<path fill="none" class="highcharts-minor-grid-line" d="M 79 393.5 L 1495 393.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 377.5 L 1495 377.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 362.5 L 1495 362.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 346.5 L 1495 346.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 331.5 L 1495 331.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 315.5 L 1495 315.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 300.5 L 1495 300.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 284.5 L 1495 284.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 269.5 L 1495 269.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 253.5 L 1495 253.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 238.5 L 1495 238.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 222.5 L 1495 222.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 207.5 L 1495 207.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 191.5 L 1495 191.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 176.5 L 1495 176.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 160.5 L 1495 160.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 145.5 L 1495 145.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 129.5 L 1495 129.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 114.5 L 1495 114.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 98.5 L 1495 98.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 83.5 L 1495 83.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 67.5 L 1495 67.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 52.5 L 1495 52.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 36.5 L 1495 36.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 424.5 L 1495 424.5" opacity="1"></path>
<path fill="none" class="highcharts-minor-grid-line" d="M 79 408.5 L 1495 408.5" opacity="1"></path>
<path fill="none" stroke="rgb(230, 230, 230)" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 79 269.5 L 1495 269.5" opacity="1"></path>
<path fill="none" stroke="rgb(230, 230, 230)" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 79 424.5 L 1495 424.5" opacity="1"></path>
<path fill="none" stroke="rgb(230, 230, 230)" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 79 346.5 L 1495 346.5" opacity="1"></path>
<path fill="none" stroke="rgb(230, 230, 230)" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 79 191.5 L 1495 191.5" opacity="1"></path>
<path fill="none" stroke="rgb(230, 230, 230)" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 79 114.5 L 1495 114.5" opacity="1"></path>
<path fill="none" stroke="rgb(230, 230, 230)" stroke-width="1" data-z-index="1" class="highcharts-grid-line" d="M 79 35.5 L 1495 35.5" opacity="1"></path>
</g>
<rect fill="none" class="highcharts-plot-border" data-z-index="1" stroke="#BFBFBF" stroke-width="1" x="78.5" y="35.5" width="1417" height="389"></rect>
<g class="highcharts-axis highcharts-xaxis" data-z-index="2">
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 102.5 424 L 102.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 229.5 424 L 229.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 316.5 424 L 316.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 406.5 424 L 406.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 534.5 424 L 534.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 678.5 424 L 678.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 806.5 424 L 806.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 902.5 424 L 902.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 982.5 424 L 982.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 1134.5 424 L 1134.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 1230.5 424 L 1230.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 1310.5 424 L 1310.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 1406.5 424 L 1406.5 428" opacity="1"></path>
<path fill="none" class="highcharts-tick" stroke="#BFBFBF" stroke-width="1" d="M 1492.5 424 L 1492.5 428" opacity="1"></path>
<path fill="none" class="highcharts-axis-line" stroke="#BFBFBF" stroke-width="1" data-z-index="7" d="M 79 424.5 L 1495 424.5"></path>
</g>
<g class="highcharts-axis highcharts-xaxis" data-z-index="2">
<path fill="none" class="highcharts-axis-line" data-z-index="7" d="M 79 458 L 1495 458"></path>
</g>
<g class="highcharts-axis highcharts-yaxis" data-z-index="2">
<text x="31.0185546875" data-z-index="7" text-anchor="middle" transform="translate(0,0) rotate(270 31.0185546875 230)" class="highcharts-axis-title" style="color:#000000;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;word-wrap:break-word;fill:#000000;" y="230">
<tspan>Market Capitalization</tspan>
</text>
<path fill="none" class="highcharts-axis-line" stroke="#ccd6eb" stroke-width="1" data-z-index="7" d="M 78.5 36 L 78.5 424"></path>
</g>
<g class="highcharts-series-group" data-z-index="3">
<g data-z-index="1" class="highcharts-series highcharts-series-0 highcharts-line-series" transform="translate(79,36) scale(1 1)" clip-path="url(#highcharts-3yjylzp-916-)">
<path fill="none" d="M 0 300.4735754010363 L 7.9999999999966 280.4953267404001 L 16.000000000004 278.7983626948299 L 24.000000000001 277.7388196895504 L 31.999999999998 277.935153161083 L 40.000000000005 277.935153161083 L 48.000000000002 272.1804229361025 L 55.999999999999 281.0188830001364 L 63.999999999995 275.1932472487303 L 72.000000000003 240.56848683838786 L 79.999999999999 224.8093432286064 L 87.999999999996 234.18127970704606 L 96.000000000004 223.45489220050106 L 104 216.83339118848087 L 112 223.2606592306742 L 120 212.92937817604613 L 128 229.22955336049267 L 136 230.70949857730648 L 143.99999999999 239.96841404710125 L 152 266.10676450261985 L 160 291.93106926353653 L 168 285.73081580445137 L 176 266.6996057621261 L 184 258.2049018262374 L 192 240.20511554644662 L 200 245.04900429787443 L 208 236.61998133588617 L 216 240.58627477592344 L 224.00000000001 238.73442723685943 L 232 228.61250521626496 L 240 210.53248880887168 L 247.99999999999 211.18354615097795 L 256 210.83328566401968 L 264 204.94894412236067 L 272 193.72928634034636 L 280 186.752280732751 L 288 181.81532646514225 L 296 184.62234901963953 L 304 171.85664089638692 L 312 172.33245434922307 L 320 174.13216833199746 L 328.00000000001 172.69559347534408 L 336 174.79585307487008 L 344 174.81417994746624 L 352 174.72865454201704 L 360 174.33768125996434 L 368 152.42988839028058 L 376 155.49107395484248 L 384 149.0402839298445 L 392 146.66222911024772 L 400 165.41149344078548 L 408 148.34807778451696 L 416 146.86810867803868 L 424 134.65218061509654 L 431.99999999999 122.98983255947832 L 440 129.4220841578437 L 448 132.68573362977764 L 456 107.35076939084041 L 464 108.69101776801887 L 472 109.52078491694789 L 480 103.91678009024423 L 488 104.52986569551598 L 496 115.73741675868655 L 504 102.4333431043122 L 512.00000000001 129.71087689391436 L 520 120.95626565203958 L 528 139.71085342088801 L 536 127.71271650359199 L 544 134.72758989370087 L 552 117.78325835978615 L 560 117.66684310353065 L 568 112.78983107750395 L 576 109.29101037788246 L 584 91.02633503958805 L 592 102.59364554463241 L 600 102.0377563111353 L 608 93.8847142198361 L 615.99999999999 87.20862383863903 L 624 75.44913438930564 L 632 72.86120218706122 L 640 75.26746211393578 L 648 83.04638699396077 L 656 94.70076852532986 L 664 81.65854247602147 L 672 72.06462378786136 L 680 68.03790967275694 L 688 77.71707867461305 L 696.00000000001 84.38858070039214 L 704 82.7210459957085 L 712 70.8227421705239 L 719.99999999999 76.28343505484258 L 728 105.71173229129295 L 736 106.17459162123549 L 744 98.4637732301228 L 752 114.4469628723798 L 760 151.70345185410525 L 768 154.21959570203686 L 776 171.36413835659917 L 784 189.99046982084624 L 792 173.73348092336016 L 799.99999999999 175.85270979801865 L 808 176.97048612078987 L 816 166.6730359692754 L 824 181.34222337403438 L 832 170.68153887499642 L 840 174.65501134821406 L 848 160.19031094013252 L 856 141.10111661305055 L 864 131.8678786060849 L 872 121.3727767686471 L 880 110.94877177866272 L 888 106.43651829223529 L 896 119.2431627133139 L 903.99999999999 130.8775003133764 L 912 136.58914090758816 L 920 141.88533269537643 L 928 152.81618396813474 L 936 148.03524563111844 L 944 138.59742132199796 L 952 128.63527344014847 L 960 117.44282783502013 L 968 117.47530135301213 L 976 114.97717166526735 L 984.00000000001 117.87225795038665 L 992 118.4638401668555 L 1000 127.24847203584835 L 1008 129.7185986199213 L 1016 129.51234705040866 L 1024 127.38439326589196 L 1032 140.06795124879957 L 1040 135.84242891482026 L 1048 140.56778875722787 L 1056 138.6478718347687 L 1064 170.2841300687853 L 1072 169.75583497109338 L 1080 152.6264656180469 L 1088 128.33799088781404 L 1096 120.44075193342127 L 1104 113.62252381065417 L 1112 98.37152839311489 L 1120 96.72770755021128 L 1128 108.07378365158024 L 1136 90.65015609060566 L 1144 68.7918880533224 L 1152 71.20304032210925 L 1160 69.94722665267693 L 1168 61.68334495448414 L 1176 65.19925358602347 L 1184 53.04529386511109 L 1192 52.1408647495179 L 1200 42.586722248201625 L 1208 57.96060131490816 L 1216 46.738224111672025 L 1224 51.14346538891135 L 1232 52.51441050592359 L 1240 50.6802979561063 L 1248 44.94845522321856 L 1256 61.40640595613627 L 1264 71.95120038667227 L 1272 65.5984427476543 L 1280 75.11918370107054 L 1288 69.79006736906138 L 1296 65.25504343974217 L 1304 69.97744853987854 L 1312 70.10986374588498 L 1320 70.36881962237908 L 1328 66.0786907894032 L 1336 83.01085181172277 L 1344 92.81399089622977 L 1352 74.7579626401091 L 1360 84.63044537695936 L 1368 75.20618906506041 L 1376 87.37579428346248 L 1384 84.41185327524312 L 1392 105.07551195522956 L 1400 96.74983443066554 L 1408 75.14148280281017 L 1416 86.74581036466412" class="highcharts-graph" data-z-index="1" stroke="#FAB81A" stroke-width="2" stroke-dasharray="none"></path>
</g>
<g data-z-index="1" class="highcharts-markers highcharts-series-0 highcharts-line-series" transform="translate(79,36) scale(1 1)" clip-path="none"></g>
<g data-z-index="3" class="highcharts-series highcharts-series-1 highcharts-flags-series highcharts-color-1" transform="translate(79,36) scale(1 1)" clip-path="url(#highcharts-3yjylzp-916-)"></g>
<g data-z-index="3" class="highcharts-markers highcharts-series-1 highcharts-flags-series highcharts-color-1" transform="translate(79,36) scale(1 1)" clip-path="url(#highcharts-3yjylzp-737-)"></g>
</g>
<text x="20" text-anchor="start" class="highcharts-title" data-z-index="4" style="color:#000000;font-size:16px;font-family:Akkurat;font-weight:normal;text-decoration:none;fill:#000000;font-style:normal;" y="21"></text>
<text x="20" text-anchor="start" class="highcharts-subtitle" data-z-index="4" style="color:#000000;fill:#000000;font-size:14px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;" y="41"></text>
<text x="20" text-anchor="start" class="highcharts-caption" data-z-index="4" style="color:#666666;fill:#666666;" y="469"></text>
<g data-z-index="6" class="highcharts-data-labels highcharts-series-0 highcharts-line-series" transform="translate(79,36) scale(1 1)">
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined highcharts-tracker" data-z-index="1" transform="translate(1362,63)">
<path fill="#FAB81A" class="highcharts-label-box highcharts-data-label-box" d="M 0 0 L 54 0 54 21 0 21 Z"></path>
<text x="5" data-z-index="1" style="font-size:11px;font-weight:bold;color:black;fill:black;" y="16">
<tspan x="10" class="highcharts-text-outline" stroke-width="2px" stroke-linejoin="round" style="">UA9.88T</tspan>
<tspan x="10">UA9.88T</tspan>
</text>
</g>
</g>
<g class="highcharts-legend" data-z-index="7" transform="translate(20,1)" visibility="visible">
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0" y="0" width="262" height="23" visibility="visible"></rect>
<g data-z-index="1">
<g>
<g class="highcharts-legend-item highcharts-line-series highcharts-color-undefined highcharts-series-0" data-z-index="1" visibility="visible" transform="translate(8,3)">
<path fill="none" d="M 0 11 L 20 11" class="highcharts-graph" stroke-dasharray="none" stroke="#FAB81A" stroke-width="4"></path>
<text x="25" style="color:#000000;cursor:pointer;font-size:11px;font-weight:bold;font-family:Akkurat;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="start" data-z-index="2" y="14" visibility="visible">
<tspan>BAC-Market Capitalization (Daily): UA9.88T</tspan>
</text>
</g>
</g>
</g>
</g>
<g class="highcharts-axis-labels highcharts-xaxis-labels" data-z-index="7">
<text x="103.16666666667" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>28. Dec</tspan>
</text>
<text x="229.69444444445" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>25. Jan</tspan>
</text>
<text x="317.04166666667" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>15. Feb</tspan>
</text>
<text x="407.16666666666" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>8. Mar</tspan>
</text>
<text x="535.16666666666" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>5. Apr</tspan>
</text>
<text x="679.16666666667" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>3. May</tspan>
</text>
<text x="806.75520833334" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>28. Jun</tspan>
</text>
<text x="903.16666666666" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>2. Aug</tspan>
</text>
<text x="983.16666666666" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>16. Aug</tspan>
</text>
<text x="1135.0238095238" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>13. Sep</tspan>
</text>
<text x="1231.1666666667" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>18. Oct</tspan>
</text>
<text x="1311.1666666667" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>1. Nov</tspan>
</text>
<text x="1407.1666666667" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>29. Nov</tspan>
</text>
<text x="1477.79345703125" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="442" opacity="1">
<tspan>20. Dec</tspan>
</text>
</g>
<g class="highcharts-axis-labels highcharts-xaxis-labels" data-z-index="7"></g>
<g class="highcharts-axis-labels highcharts-yaxis-labels" data-z-index="7">
<text x="57.00927734375" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="274" opacity="1">8.00T</text>
<text x="57.00927734375" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="429" opacity="1">6.00T</text>
<text x="57.00927734375" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="351" opacity="1">7.00T</text>
<text x="57.00927734375" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="196" opacity="1">9.00T</text>
<text x="57.00927734375" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="119" opacity="1">10.00T</text>
<text x="57.00927734375" style="color:#000000;cursor:default;font-size:10px;font-family:Akkurat;font-weight:normal;font-style:normal;text-decoration:none;fill:#000000;" text-anchor="middle" transform="translate(0,0)" y="41" opacity="1">11.00T</text>
</g>
<g class="highcharts-control-points" data-z-index="99" clip-path="url(#highcharts-3yjylzp-917-)"></g>
<g class="highcharts-legend-tooltip" transform="translate(-9999, -9999)" data-z-index="99">
<rect fill="none" class="legend-tooltip highcharts-label highcharts-tooltip highcharts-color-undefined" style="opacity:1" stroke="#FAB81A" stroke-width="0.6" data-z-index="6"></rect>
<text x="0" class="legend-tooltip-text" data-z-index="7"></text>
</g>
</g>
</svg>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: X axis and Y axis labels are not clear with Highchart SVG attached

Hi,

Welcome to our forum and thanks for contacting us with your question!

I'm not sure If I understand correctly. Could you please provide a demo with the chart that is exported to the SVG?
https://jsfiddle.net/BlackLabel/z5q80knt/

Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Stock”