From 4fbd3fb9c2f2f7e96178b6a1f8d0b92635df9832 Mon Sep 17 00:00:00 2001
From: sameerkhan001 <sameerkhan.n@syncfusion.com>
Date: Wed, 25 Jun 2025 12:09:03 +0530
Subject: [PATCH 1/3] 957177: Added sample code for SVG to image using
 HTMLConverter.

---
 ...rting_SVG_to_Image_using_HtmlConverter.sln | 22 +++++++++++++++++++
 ...ng_SVG_to_Image_using_HtmlConverter.csproj | 14 ++++++++++++
 .../Data/Input.svg                            |  5 +++++
 .../Output/gitkeep.txt                        |  0
 .../Program.cs                                |  9 ++++++++
 5 files changed, 50 insertions(+)
 create mode 100644 HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter.sln
 create mode 100644 HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Converting_SVG_to_Image_using_HtmlConverter.csproj
 create mode 100644 HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg
 create mode 100644 HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Output/gitkeep.txt
 create mode 100644 HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs

diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter.sln b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter.sln
new file mode 100644
index 00000000..341c9f9e
--- /dev/null
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter.sln	
@@ -0,0 +1,22 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.12.35707.178 d17.12
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Converting_SVG_to_Image_using_HtmlConverter", "Converting_SVG_to_Image_using_HtmlConverter\Converting_SVG_to_Image_using_HtmlConverter.csproj", "{15971B44-FE7E-4DF3-9D62-A07F06E7C330}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{15971B44-FE7E-4DF3-9D62-A07F06E7C330}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{15971B44-FE7E-4DF3-9D62-A07F06E7C330}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{15971B44-FE7E-4DF3-9D62-A07F06E7C330}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{15971B44-FE7E-4DF3-9D62-A07F06E7C330}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+EndGlobal
diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Converting_SVG_to_Image_using_HtmlConverter.csproj b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Converting_SVG_to_Image_using_HtmlConverter.csproj
new file mode 100644
index 00000000..b6c32751
--- /dev/null
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Converting_SVG_to_Image_using_HtmlConverter.csproj	
@@ -0,0 +1,14 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <OutputType>Exe</OutputType>
+    <TargetFramework>net8.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Syncfusion.HtmlToPdfConverter.Net.Windows" Version="*" />
+  </ItemGroup>
+
+</Project>
diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg
new file mode 100644
index 00000000..73ad0ae1
--- /dev/null
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg	
@@ -0,0 +1,5 @@
+<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
+  <rect width="200" height="200" fill="lightblue"/>
+  <circle cx="100" cy="100" r="80" fill="orange" stroke="black" stroke-width="4"/>
+  <text x="100" y="110" font-size="20" text-anchor="middle" fill="black">SVG Sample</text>
+</svg>
diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Output/gitkeep.txt b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Output/gitkeep.txt
new file mode 100644
index 00000000..e69de29b
diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs
new file mode 100644
index 00000000..8989cc33
--- /dev/null
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs	
@@ -0,0 +1,9 @@
+using Syncfusion.Drawing;
+using Syncfusion.HtmlConverter;
+
+HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();
+string svg = File.ReadAllText(Path.GetFullPath(@"Data/Input.svg"));
+Image images = htmlConverter.ConvertToImage(svg, "");
+byte[] imageByte = images.ImageData;
+//Save the image
+File.WriteAllBytes(Path.GetFullPath(@"Output/Output.jpg"), imageByte);
\ No newline at end of file

From f549d4e790226937bd989840ed436a312e8ff77d Mon Sep 17 00:00:00 2001
From: sameerkhan001 <sameerkhan.n@syncfusion.com>
Date: Mon, 30 Jun 2025 10:42:06 +0530
Subject: [PATCH 2/3] 957177: Resolved the given feedback.

---
 .../Data/Input.svg                                | 15 +++++++++++----
 .../Program.cs                                    | 12 ++++++++----
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg
index 73ad0ae1..c8aee529 100644
--- a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg	
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg	
@@ -1,5 +1,12 @@
-<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
-  <rect width="200" height="200" fill="lightblue"/>
-  <circle cx="100" cy="100" r="80" fill="orange" stroke="black" stroke-width="4"/>
-  <text x="100" y="110" font-size="20" text-anchor="middle" fill="black">SVG Sample</text>
+<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <radialGradient id="radialGrad" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#ffffff; stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#87ceeb; stop-opacity:1" />
+    </radialGradient>
+  </defs>
+  <rect width="300" height="300" fill="url(#radialGrad)" />
+  <circle cx="150" cy="150" r="100" fill="none" stroke="#4682b4" stroke-width="4"/>
+  <circle cx="150" cy="150" r="70" fill="none" stroke="#5f9ea0" stroke-width="4"/>
+  <circle cx="150" cy="150" r="40" fill="none" stroke="#20b2aa" stroke-width="4"/>
 </svg>
diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs
index 8989cc33..7081cf19 100644
--- a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs	
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Program.cs	
@@ -3,7 +3,11 @@
 
 HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();
 string svg = File.ReadAllText(Path.GetFullPath(@"Data/Input.svg"));
-Image images = htmlConverter.ConvertToImage(svg, "");
-byte[] imageByte = images.ImageData;
-//Save the image
-File.WriteAllBytes(Path.GetFullPath(@"Output/Output.jpg"), imageByte);
\ No newline at end of file
+// Convert the SVG content to an image using the converter
+Image image = htmlConverter.ConvertToImage(svg, "");
+
+// Extract the image data as a byte array
+byte[] imageBytes = image.ImageData;
+
+// Save the image data to a file in JPEG format
+File.WriteAllBytes(Path.GetFullPath(@"Output/Output.jpg"), imageBytes);
\ No newline at end of file

From 7d1ffb8bddc2bcbc98176f2e054a29eadd5a9df6 Mon Sep 17 00:00:00 2001
From: sameerkhan001 <sameerkhan.n@syncfusion.com>
Date: Mon, 30 Jun 2025 11:28:09 +0530
Subject: [PATCH 3/3] 957177: Changed input document.

---
 .../Data/Input.svg                                  | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg
index c8aee529..163b7d72 100644
--- a/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg	
+++ b/HTML to PDF/Blink/Converting_SVG_to_Image_using_HtmlConverter/.NET/Converting_SVG_to_Image_using_HtmlConverter/Data/Input.svg	
@@ -1,12 +1 @@
-<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <radialGradient id="radialGrad" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" style="stop-color:#ffffff; stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#87ceeb; stop-opacity:1" />
-    </radialGradient>
-  </defs>
-  <rect width="300" height="300" fill="url(#radialGrad)" />
-  <circle cx="150" cy="150" r="100" fill="none" stroke="#4682b4" stroke-width="4"/>
-  <circle cx="150" cy="150" r="70" fill="none" stroke="#5f9ea0" stroke-width="4"/>
-  <circle cx="150" cy="150" r="40" fill="none" stroke="#20b2aa" stroke-width="4"/>
-</svg>
+<svg aria-hidden="false" aria-label="Interactive chart" viewBox="0 0 650 400" height="400" width="650" xmlns="http://www.w3.org/2000/svg" style="font-family: Roboto; font-size: 12px;" class="highcharts-root" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"><desc aria-hidden="true">Created with Highcharts 10.3.1</desc><defs aria-hidden="true"><clipPath id="highcharts-e6ge1mb-18-"><rect fill="none" height="279" width="603" y="0" x="0"></rect></clipPath><clipPath id="highcharts-e6ge1mb-25-"><rect fill="none" height="279" width="603" y="0" x="0"></rect></clipPath></defs><rect aria-hidden="true" ry="0" rx="0" height="400" width="650" y="0" x="0" class="highcharts-background" fill="#ffffff"></rect><rect aria-hidden="true" height="279" width="603" y="47" x="37" class="highcharts-plot-background" fill="none"></rect><g aria-hidden="true" data-z-index="0" class="highcharts-pane-group"></g><g aria-hidden="true" data-z-index="1" class="highcharts-grid highcharts-xaxis-grid"><path opacity="1" d="M 137.5 47 L 137.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path><path opacity="1" d="M 237.5 47 L 237.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path><path opacity="1" d="M 338.5 47 L 338.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path><path opacity="1" d="M 438.5 47 L 438.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path><path opacity="1" d="M 539.5 47 L 539.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path><path opacity="1" d="M 639.5 47 L 639.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path><path opacity="1" d="M 36.5 47 L 36.5 326" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" fill="none"></path></g><g aria-hidden="true" data-z-index="1" class="highcharts-grid highcharts-yaxis-grid"><path opacity="1" d="M 37 326.5 L 640 326.5" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" stroke-width="1" stroke="#e6e6e6" fill="none"></path><path opacity="1" d="M 37 256.5 L 640 256.5" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" stroke-width="1" stroke="#e6e6e6" fill="none"></path><path opacity="1" d="M 37 187.5 L 640 187.5" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" stroke-width="1" stroke="#e6e6e6" fill="none"></path><path opacity="1" d="M 37 117.5 L 640 117.5" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" stroke-width="1" stroke="#e6e6e6" fill="none"></path><path opacity="1" d="M 37 46.5 L 640 46.5" class="highcharts-grid-line" data-z-index="1" stroke-dasharray="none" stroke-width="1" stroke="#e6e6e6" fill="none"></path></g><rect aria-hidden="true" height="279" width="603" y="47" x="37" data-z-index="1" class="highcharts-plot-border" fill="none"></rect><g aria-hidden="true" data-z-index="2" class="highcharts-axis highcharts-xaxis"><path d="M 37 326.5 L 640 326.5" data-z-index="7" stroke-width="1" stroke="#ccd6eb" class="highcharts-axis-line" fill="none"></path></g><g aria-hidden="true" data-z-index="2" class="highcharts-axis highcharts-yaxis"><path d="M 37 47 L 37 326" data-z-index="7" class="highcharts-axis-line" fill="none"></path></g><g aria-hidden="false" data-z-index="3" class="highcharts-series-group"><g style="outline: none;" aria-label="Item 1, bar series 1 of 2 with 6 bars." tabindex="-1" role="region" aria-hidden="false" clip-path="url(#highcharts-e6ge1mb-25-)" transform="translate(37,47) scale(1 1)" opacity="1" data-z-index="0.1" class="highcharts-series highcharts-series-0 highcharts-column-series"><rect style="outline: none;" aria-label="Category 1, 74. Item 1." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#6f58e9" height="258" width="19" y="22" x="26"></rect><rect style="outline: none;" aria-label="Category 2, 65. Item 1." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#6f58e9" height="227" width="19" y="53" x="127"></rect><rect style="outline: none;" aria-label="Category 3, 50. Item 1." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#6f58e9" height="174" width="19" y="106" x="227"></rect><rect style="outline: none;" aria-label="Category 4, 53. Item 1." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#6f58e9" height="185" width="19" y="95" x="328"></rect><rect style="outline: none;" aria-label="Category 5, 42. Item 1." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#6f58e9" height="146" width="19" y="134" x="428"></rect><rect style="outline: none;" aria-label="Category 6, 44. Item 1." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#6f58e9" height="153" width="19" y="127" x="529"></rect></g><g aria-hidden="true" clip-path="none" transform="translate(37,47) scale(1 1)" opacity="1" data-z-index="0.1" class="highcharts-markers highcharts-series-0 highcharts-column-series"></g><g style="outline: none;" aria-label="Item 2, bar series 2 of 2 with 6 bars." tabindex="-1" role="region" aria-hidden="false" clip-path="url(#highcharts-e6ge1mb-25-)" transform="translate(37,47) scale(1 1)" opacity="1" data-z-index="0.1" class="highcharts-series highcharts-series-1 highcharts-column-series"><rect style="outline: none;" aria-label="Category 1, 22. Item 2." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#94d13d" height="77" width="19" y="203" x="56"></rect><rect style="outline: none;" aria-label="Category 2, 17. Item 2." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#94d13d" height="59" width="19" y="221" x="157"></rect><rect style="outline: none;" aria-label="Category 3, 22. Item 2." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#94d13d" height="77" width="19" y="203" x="257"></rect><rect style="outline: none;" aria-label="Category 4, 39. Item 2." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#94d13d" height="136" width="19" y="144" x="358"></rect><rect style="outline: none;" aria-label="Category 5, 31. Item 2." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#94d13d" height="108" width="19" y="172" x="458"></rect><rect style="outline: none;" aria-label="Category 6, 53. Item 2." role="img" tabindex="-1" class="highcharts-point" opacity="1" fill="#94d13d" height="185" width="19" y="95" x="559"></rect></g><g aria-hidden="true" clip-path="none" transform="translate(37,47) scale(1 1)" opacity="1" data-z-index="0.1" class="highcharts-markers highcharts-series-1 highcharts-column-series"></g></g><text aria-hidden="true" y="24" style="color: rgb(51, 51, 51); font-size: 18px; fill: rgb(51, 51, 51);" data-z-index="4" class="highcharts-title" text-anchor="middle" x="325">Chart title</text><text aria-hidden="true" y="46" style="color: rgb(102, 102, 102); fill: rgb(102, 102, 102);" data-z-index="4" class="highcharts-subtitle" text-anchor="middle" x="325"></text><text aria-hidden="true" y="397" style="color: rgb(102, 102, 102); fill: rgb(102, 102, 102);" data-z-index="4" class="highcharts-caption" text-anchor="start" x="10"></text><g aria-hidden="true" transform="translate(251,359)" data-z-index="7" class="highcharts-legend highcharts-no-tooltip"><rect height="26" width="147" y="0" x="0" ry="0" rx="0" class="highcharts-legend-box" fill="none"></rect><g data-z-index="1"><g><g transform="translate(8,3)" data-z-index="1" class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-0"><text style="color: rgb(51, 51, 51); cursor: pointer; font-size: 12px; font-weight: bold; fill: rgb(51, 51, 51);" y="15" data-z-index="2" text-anchor="start" x="21">Item 1</text><rect data-z-index="3" class="highcharts-point" ry="6" rx="6" fill="#6f58e9" height="12" width="12" y="4" x="2"></rect></g><g transform="translate(83.796875,3)" data-z-index="1" class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-1"><text style="color: rgb(51, 51, 51); cursor: pointer; font-size: 12px; font-weight: bold; fill: rgb(51, 51, 51);" data-z-index="2" text-anchor="start" y="15" x="21">Item 2</text><rect data-z-index="3" class="highcharts-point" ry="6" rx="6" fill="#94d13d" height="12" width="12" y="4" x="2"></rect></g></g></g></g><g aria-hidden="true" data-z-index="7" class="highcharts-axis-labels highcharts-xaxis-labels"><text opacity="1" y="345" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="middle" x="87.25">Category 1</text><text opacity="1" y="345" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="middle" x="187.75">Category 2</text><text opacity="1" y="345" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="middle" x="288.25">Category 3</text><text opacity="1" y="345" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="middle" x="388.75">Category 4</text><text opacity="1" y="345" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="middle" x="489.25">Category 5</text><text opacity="1" y="345" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="middle" x="589.75">Category 6</text></g><g aria-hidden="true" data-z-index="7" class="highcharts-axis-labels highcharts-yaxis-labels"><text opacity="1" y="331" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="end" x="22">0</text><text opacity="1" y="261" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="end" x="22">20</text><text opacity="1" y="191" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="end" x="22">40</text><text opacity="1" y="121" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="end" x="22">60</text><text opacity="1" y="52" style="color: rgb(102, 102, 102); cursor: default; font-size: 11px; fill: rgb(102, 102, 102);" transform="translate(0,0)" text-anchor="end" x="22">80</text></g><text aria-hidden="false" aria-label="Chart credits: Highcharts.com" style="cursor: pointer; color: rgb(153, 153, 153); font-size: 9px; fill: rgb(153, 153, 153);" y="395" data-z-index="8" text-anchor="end" class="highcharts-credits" x="640">Highcharts.com</text></svg>
\ No newline at end of file