Rank: Newbie
Groups: Member
Joined: 8/22/2012
Posts: 6
|
I trying to convert a chart generated using HighCharts jquery library. I am using ConvertHtml and sending the div that contains the chart results as HTML. the HTML is valid is I tried to view the div content alone and it displays just fine, but when converting it to PDF the path is not rendered. this is the HTML to convert: Quote:<div id="container1" style="min-width: 500px; height: 300px; margin: 0 auto" class="last"><div class="highcharts-container" id="highcharts-2" style="position: relative; overflow: hidden; width: 578px; height: 300px; text-align: left; line-height: normal; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; "><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="578" height="300"><defs><clipPath id="highcharts-3"><rect rx="0" ry="0" fill="none" x="0" y="0" width="543" height="236" stroke-width="0.000001"></rect></clipPath></defs><rect rx="5" ry="5" fill="#FFFFFF" x="0" y="0" width="578" height="300" stroke-width="0.000001"></rect><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 35 158.5 L 578 158.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 35 40.5 L 578 40.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 35 275.5 L 578 275.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" visibility="visible" transform="translate(35,40)" clip-path="url(http://localhost:1894/Reports/SubscribersReport.aspx#highcharts-3)"><path fill="none" d="M 5.323529411764706 235 L 28.4693094629156 235 L 51.61508951406649 235 L 74.76086956521739 235 L 97.90664961636828 235 L 121.05242966751918 235 L 144.19820971867006 235 L 167.34398976982095 235 L 190.48976982097184 117.5 L 213.63554987212274 235 L 236.78132992327363 235 L 259.9271099744245 235 L 283.0728900255754 235 L 306.2186700767263 235 L 329.3644501278772 235 L 352.5102301790281 235 L 375.656010230179 235 L 398.8017902813299 235 L 421.9475703324808 235 L 445.0933503836317 235 L 468.23913043478257 235 L 491.38491048593346 235 L 514.5306905370844 235 L 537.6764705882352 235" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path><path fill="none" d="M 5.323529411764706 235 L 28.4693094629156 235 L 51.61508951406649 235 L 74.76086956521739 235 L 97.90664961636828 235 L 121.05242966751918 235 L 144.19820971867006 235 L 167.34398976982095 235 L 190.48976982097184 117.5 L 213.63554987212274 235 L 236.78132992327363 235 L 259.9271099744245 235 L 283.0728900255754 235 L 306.2186700767263 235 L 329.3644501278772 235 L 352.5102301790281 235 L 375.656010230179 235 L 398.8017902813299 235 L 421.9475703324808 235 L 445.0933503836317 235 L 468.23913043478257 235 L 491.38491048593346 235 L 514.5306905370844 235 L 537.6764705882352 235" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path><path fill="none" d="M 5.323529411764706 235 L 28.4693094629156 235 L 51.61508951406649 235 L 74.76086956521739 235 L 97.90664961636828 235 L 121.05242966751918 235 L 144.19820971867006 235 L 167.34398976982095 235 L 190.48976982097184 117.5 L 213.63554987212274 235 L 236.78132992327363 235 L 259.9271099744245 235 L 283.0728900255754 235 L 306.2186700767263 235 L 329.3644501278772 235 L 352.5102301790281 235 L 375.656010230179 235 L 398.8017902813299 235 L 421.9475703324808 235 L 445.0933503836317 235 L 468.23913043478257 235 L 491.38491048593346 235 L 514.5306905370844 235 L 537.6764705882352 235" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path><path fill="none" d="M 5.323529411764706 235 L 28.4693094629156 235 L 51.61508951406649 235 L 74.76086956521739 235 L 97.90664961636828 235 L 121.05242966751918 235 L 144.19820971867006 235 L 167.34398976982095 235 L 190.48976982097184 117.5 L 213.63554987212274 235 L 236.78132992327363 235 L 259.9271099744245 235 L 283.0728900255754 235 L 306.2186700767263 235 L 329.3644501278772 235 L 352.5102301790281 235 L 375.656010230179 235 L 398.8017902813299 235 L 421.9475703324808 235 L 445.0933503836317 235 L 468.23913043478257 235 L 491.38491048593346 235 L 514.5306905370844 235 L 537.6764705882352 235" stroke="#4572A7" stroke-width="2"></path><path fill="#4572A7" d="M 537.6764705882352 231 C 543.0044705882352 231 543.0044705882352 239 537.6764705882352 239 C 532.3484705882353 239 532.3484705882353 231 537.6764705882352 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 514.5306905370844 231 C 519.8586905370844 231 519.8586905370844 239 514.5306905370844 239 C 509.20269053708444 239 509.20269053708444 231 514.5306905370844 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 491.38491048593346 231 C 496.71291048593343 231 496.71291048593343 239 491.38491048593346 239 C 486.0569104859335 239 486.0569104859335 231 491.38491048593346 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 468.23913043478257 231 C 473.56713043478254 231 473.56713043478254 239 468.23913043478257 239 C 462.9111304347826 239 462.9111304347826 231 468.23913043478257 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 445.0933503836317 231 C 450.42135038363165 231 450.42135038363165 239 445.0933503836317 239 C 439.7653503836317 239 439.7653503836317 231 445.0933503836317 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 421.9475703324808 231 C 427.27557033248075 231 427.27557033248075 239 421.9475703324808 239 C 416.6195703324808 239 416.6195703324808 231 421.9475703324808 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 398.8017902813299 231 C 404.12979028132986 231 404.12979028132986 239 398.8017902813299 239 C 393.4737902813299 239 393.4737902813299 231 398.8017902813299 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 375.656010230179 231 C 380.98401023017897 231 380.98401023017897 239 375.656010230179 239 C 370.328010230179 239 370.328010230179 231 375.656010230179 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 352.5102301790281 231 C 357.8382301790281 231 357.8382301790281 239 352.5102301790281 239 C 347.1822301790281 239 347.1822301790281 231 352.5102301790281 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 329.3644501278772 231 C 334.6924501278772 231 334.6924501278772 239 329.3644501278772 239 C 324.03645012787723 239 324.03645012787723 231 329.3644501278772 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 306.2186700767263 231 C 311.5466700767263 231 311.5466700767263 239 306.2186700767263 239 C 300.89067007672634 239 300.89067007672634 231 306.2186700767263 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 283.0728900255754 231 C 288.4008900255754 231 288.4008900255754 239 283.0728900255754 239 C 277.74489002557544 239 277.74489002557544 231 283.0728900255754 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 259.9271099744245 231 C 265.2551099744245 231 265.2551099744245 239 259.9271099744245 239 C 254.59910997442452 239 254.59910997442452 231 259.9271099744245 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 236.78132992327363 231 C 242.10932992327363 231 242.10932992327363 239 236.78132992327363 239 C 231.45332992327363 239 231.45332992327363 231 236.78132992327363 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 213.63554987212274 231 C 218.96354987212274 231 218.96354987212274 239 213.63554987212274 239 C 208.30754987212273 239 208.30754987212273 231 213.63554987212274 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 190.48976982097184 113.5 C 195.81776982097185 113.5 195.81776982097185 121.5 190.48976982097184 121.5 C 185.16176982097184 121.5 185.16176982097184 113.5 190.48976982097184 113.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 167.34398976982095 231 C 172.67198976982095 231 172.67198976982095 239 167.34398976982095 239 C 162.01598976982095 239 162.01598976982095 231 167.34398976982095 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 144.19820971867006 231 C 149.52620971867006 231 149.52620971867006 239 144.19820971867006 239 C 138.87020971867005 239 138.87020971867005 231 144.19820971867006 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 121.05242966751918 231 C 126.38042966751918 231 126.38042966751918 239 121.05242966751918 239 C 115.72442966751917 239 115.72442966751917 231 121.05242966751918 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 97.90664961636828 231 C 103.23464961636829 231 103.23464961636829 239 97.90664961636828 239 C 92.57864961636828 239 92.57864961636828 231 97.90664961636828 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 74.76086956521739 231 C 80.0888695652174 231 80.0888695652174 239 74.76086956521739 239 C 69.43286956521739 239 69.43286956521739 231 74.76086956521739 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 51.61508951406649 231 C 56.94308951406649 231 56.94308951406649 239 51.61508951406649 239 C 46.28708951406649 239 46.28708951406649 231 51.61508951406649 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 28.4693094629156 231 C 33.79730946291561 231 33.79730946291561 239 28.4693094629156 239 C 23.1413094629156 239 23.1413094629156 231 28.4693094629156 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 5.323529411764706 231 C 10.651529411764706 231 10.651529411764706 239 5.323529411764706 239 C -0.004470588235294448 239 -0.004470588235294448 231 5.323529411764706 231 Z" stroke="#FFFFFF" stroke-width="0.000001"></path></g></g><text x="269" y="25" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:16px;color:#3E576F;fill:#3E576F;" text-anchor="middle" class="highcharts-title" zIndex="4"><tspan x="269">Subscribers/Day</tspan></text><g class="highcharts-axis" zIndex="7"><text x="63.469309462915604" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="63.469309462915604">30. Jul</tspan></text><text x="109.76086956521739" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="109.76086956521739">1. Aug</tspan></text><text x="156.05242966751916" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="156.05242966751916">3. Aug</tspan></text><text x="202.34398976982095" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="202.34398976982095">5. Aug</tspan></text><text x="248.63554987212274" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="248.63554987212274">7. Aug</tspan></text><text x="294.9271099744245" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="294.9271099744245">9. Aug</tspan></text><text x="341.2186700767263" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="341.2186700767263">11. Aug</tspan></text><text x="387.5102301790281" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="387.5102301790281">13. Aug</tspan></text><text x="433.8017902813299" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="433.8017902813299">15. Aug</tspan></text><text x="480.0933503836317" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="480.0933503836317">17. Aug</tspan></text><text x="526.3849104859335" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="526.3849104859335">19. Aug</tspan></text><text x="572.6764705882352" y="289" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="572.6764705882352">21. Aug</tspan></text><path fill="none" d="M 110.5 275 L 110.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 156.5 275 L 156.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 202.5 275 L 202.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 249.5 275 L 249.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 295.5 275 L 295.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 341.5 275 L 341.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 388.5 275 L 388.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 434.5 275 L 434.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 480.5 275 L 480.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 526.5 275 L 526.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 573.5 275 L 573.5 280" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 63.5 275 L 63.5 280" stroke="#C0D0E0" stroke-width="1"></path></g><g class="highcharts-axis" zIndex="7"><text x="27" y="280.1" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:251px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="27">0</tspan></text><text x="27" y="162.6" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:251px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="27">1</tspan></text><text x="27" y="45.1" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:251px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="27">2</tspan></text><text x="10" y="157.5" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#6D869F;font-weight:bold;fill:#6D869F;" zIndex="7" transform="rotate(270 10 157)" text-anchor="middle" visibility="visible"><tspan x="10"> </tspan></text></g><path fill="none" d="M 35 275.5 L 578 275.5" stroke="#C0D0E0" stroke-width="1" zIndex="7" visibility="visible"></path><g class="highcharts-tooltip" zIndex="8" style="padding:0;white-space:nowrap;" visibility="hidden"><rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10" stroke-width="5" fill-opacity="0.85" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.05" transform="translate(1,1)"></rect><rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10" stroke-width="3" fill-opacity="0.85" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.1" transform="translate(1,1)"></rect><rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10" stroke-width="1" fill-opacity="0.85" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></rect><rect rx="5" ry="5" fill="rgb(255,255,255)" x="0" y="0" width="10" height="10" stroke-width="2" fill-opacity="0.85"></rect><text x="5" y="18" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;fill:#333333;" zIndex="1"></text></g><g class="highcharts-tracker" zIndex="9"><g zIndex="1" transform="translate(35,40)" clip-path="url(http://localhost:1894/Reports/SubscribersReport.aspx#highcharts-3)"><path fill="none" d="M -4.676470588235294 235 L 5.323529411764706 235 L 28.4693094629156 235 L 51.61508951406649 235 L 74.76086956521739 235 L 97.90664961636828 235 L 121.05242966751918 235 L 144.19820971867006 235 L 167.34398976982095 235 L 190.48976982097184 117.5 L 213.63554987212274 235 L 236.78132992327363 235 L 259.9271099744245 235 L 283.0728900255754 235 L 306.2186700767263 235 L 329.3644501278772 235 L 352.5102301790281 235 L 375.656010230179 235 L 398.8017902813299 235 L 421.9475703324808 235 L 445.0933503836317 235 L 468.23913043478257 235 L 491.38491048593346 235 L 514.5306905370844 235 L 537.6764705882352 235 L 547.6764705882352 235" isTracker="true" stroke-linejoin="bevel" visibility="visible" stroke-opacity="0.000001" stroke="rgb(192,192,192)" stroke-width="22" style=""></path></g></g></svg></div></div>
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
Please check the version you are running. We tested the latest build and it seems to work fine.
Thanks!
|
Rank: Newbie
Groups: Member
Joined: 8/22/2012
Posts: 6
|
I am using version 4.0.32.2 I just downloaded and installed it yesterday, I am not sure what is the problem, the pdf is generated but without the points.
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
Can you post a picture that shows what's missing? Note you won't be able to post a picture directly at here. You can only post the picture somewhere else and then link to it.
Thanks!
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
We see the line just fine. Please try to run our demo application, then paste the above HTML to All Demos -> HTML to PDF -> Basic -> Convert HTML, run the demo and see if the PDF file is created correctly. We know this is an issue in our early versions but that has since been fixed.
Thanks!
|
Rank: Newbie
Groups: Member
Joined: 8/22/2012
Posts: 6
|
It is working fine with the Downloader example in the web sample, but it doesn't work with the other 2 examples.
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
That's not the sample we were talking about. You need go to to Start -> All Programs -> EO.Pdf 2012 -> Samples -> EO.Pdf Demo to run EO.Pdf Demo application, then run the "Convert HTML" sample with the code you posted above. If that works fine, then the product is working fine.
Thanks!
|
Rank: Newbie
Groups: Member
Joined: 8/22/2012
Posts: 6
|
same issue here, I guess the problem is in the free library only not in the licensed one
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Hi,
Try to remove the following clip-path in your HTML (note that it occurs twice):
clip-path="url(http://localhost:1894/Reports/SubscribersReport.aspx#highcharts-3)"
That's the only difference we can think of between your environment and our environment. You already have a clip path "highcharts-3" defined in your def section, so I am not sure why HighCharts would generates another clip path that referes to an external Url. That external Url doesn't work in our environment, so the specified clip path does not apply. If that clip path is wrong, then you won't see the lines.
The problem has nothing to do with the license. What you downloaded is the release version. It has no feature restrictions.
If you still have problems, please try to isolate the problem into a test app and send the test app to us. The very first thing we have to have is a test case that can reproduce the problem. We can't do much if we can't even see the problem.
Thanks!
|
Rank: Newbie
Groups: Member
Joined: 8/22/2012
Posts: 6
|
Thank you for your great support, this fixed my problem :)
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,195
|
Great. Glad to hear that it's working for you!
|