<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: png image sizes in html with SAS/GRAPH in Graphics Programming</title>
    <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191750#M7094</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;@Darell&lt;/P&gt;&lt;P&gt;This produces a 200x200px png image displayed at 200x200px&lt;/P&gt;&lt;P&gt;goptions modifies the PNG image size. I would like to keep the same png image size, only change it's display size in html style.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;@RobertAllisson&lt;/P&gt;&lt;P&gt;&amp;gt; could you re-state your question?&lt;/P&gt;&lt;P&gt;I'll try my best:&lt;/P&gt;&lt;P&gt;Lets say that I produce 2 plots in my STP :&amp;nbsp; an SGPLOT (ODS graphics) and a PROC GMAP (SAS/GRAPH).&lt;/P&gt;&lt;P&gt;When I declare &lt;/P&gt;&lt;P&gt;ods html image_dpi=400 ;&lt;/P&gt;&lt;P&gt;It changes the png sizes for both the graphs&lt;/P&gt;&lt;P&gt;- the sgplot png image is: 2666x2000&lt;/P&gt;&lt;P&gt;- the map png image is: 3333x2500&lt;/P&gt;&lt;P&gt;That's very good, it's exactly what I want.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The difference lays in the HTML style :&lt;/P&gt;&lt;P&gt;- the sgplot html img tag style is: 640x480&lt;/P&gt;&lt;P&gt;- the map html img tag style is: 3333x2500&lt;/P&gt;&lt;P&gt;(cf. complete img tags in my first post)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I prefer 640x480, which is more visible in my web browser.&lt;/P&gt;&lt;P&gt;Thus I'm looking for a method to change the SAS/GRAPH html img tag style width &amp;amp; height&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;gt; Are you trying to change the size of your ods graphics (such as sgplot), or are you trying to change the resolution of your SAS/Graph (such as gmap, gplot, gchart, etc)?&lt;/P&gt;&lt;P&gt;Only the HTML style width &amp;amp; height&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;gt; Also, could you show all the code you're currently using to try to control the size &amp;amp; resolution&lt;/P&gt;&lt;P&gt;%let _ODSDEST = html ;&lt;/P&gt;&lt;P&gt;%let _ODSSTYLE = wivisp1 ;&lt;/P&gt;&lt;P&gt;%let _ODSSTYLESHEET = ;&lt;/P&gt;&lt;P&gt;%let _GOPT_DEVICE=png;&lt;/P&gt;&lt;P&gt;ods html image_dpi=400 device=png ;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;That's It I believe.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Many thanks !&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 02 Dec 2014 11:09:51 GMT</pubDate>
    <dc:creator>mathias</dc:creator>
    <dc:date>2014-12-02T11:09:51Z</dc:date>
    <item>
      <title>png image sizes in html with SAS/GRAPH</title>
      <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191747#M7091</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I have a stored process wich produces a lot different kind of charts / maps etc.&lt;/P&gt;
&lt;P&gt;I wanted to increase the resolution of the png images in the HTML output so I modified the html dpi option with this :&lt;/P&gt;
&lt;P&gt;ods html&lt;/P&gt;
&lt;P&gt;&amp;nbsp; image_dpi=400&lt;/P&gt;
&lt;P&gt;&amp;nbsp; device=png&lt;/P&gt;
&lt;P&gt;&amp;nbsp; ;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;It works good with ODS graphics : i.e. dpi is increased but the width and height of the image in html is not changed&lt;/P&gt;
&lt;P&gt;&lt;SPAN class="html-tag" style="font-family: monospace; font-size: medium;"&gt;&amp;lt;img &lt;SPAN class="html-attribute-name"&gt;alt&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt;The SGPlot Procedure&lt;/SPAN&gt;" &lt;SPAN class="html-attribute-name"&gt;src&lt;/SPAN&gt;="&lt;A class="html-attribute-value html-resource-link" href="https://stats.wiv-isp.be/SASStoredProcess/guest?_sessionid=2C07BCBA-F2C7-419B-B89B-72B2289BFE69&amp;amp;_program=replay&amp;amp;_entry=APSWORK.TCAT167A.SGPlot.png" target="_blank"&gt;/SASStoredProcess/guest?_sessionid=2C07BCBA-F2C7-419B-B89B-72B2289BFE69&amp;amp;_program=replay&amp;amp;_entry=APSWORK.TCAT167A.SGPlot.png&lt;/A&gt;" &lt;SPAN class="html-attribute-name"&gt;style&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt; height: 480px; width: 640px;&lt;/SPAN&gt;" &lt;SPAN class="html-attribute-name"&gt;border&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt;0&lt;/SPAN&gt;" &lt;SPAN class="html-attribute-name"&gt;class&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt;c&lt;/SPAN&gt;"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;With SAS/GRAPH (pie charts, maps in my case), the DPI is increase but also the HTML height and width&lt;/P&gt;
&lt;P&gt;&lt;SPAN class="html-tag" style="font-family: monospace; font-size: medium;"&gt;&amp;lt;img &lt;SPAN class="html-attribute-name"&gt;alt&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt;Pie chart of Pathogen&lt;/SPAN&gt;" &lt;SPAN class="html-attribute-name"&gt;src&lt;/SPAN&gt;="&lt;A class="html-attribute-value html-resource-link" href="https://stats.wiv-isp.be/SASStoredProcess/guest?_sessionid=28DB6ECF-0A2B-485C-8F82-5AF78E0C6668&amp;amp;_program=replay&amp;amp;_entry=APSWORK.TCAT1685.gchart.PNG" target="_blank"&gt;/SASStoredProcess/guest?_sessionid=28DB6ECF-0A2B-485C-8F82-5AF78E0C6668&amp;amp;_program=replay&amp;amp;_entry=APSWORK.TCAT1685.gchart.PNG&lt;/A&gt;" &lt;SPAN class="html-attribute-name"&gt;style&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt; border-width: 0px; height: 2500px; width: 3333px;&lt;/SPAN&gt;" &lt;SPAN class="html-attribute-name"&gt;border&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt;0&lt;/SPAN&gt;" &lt;SPAN class="html-attribute-name"&gt;class&lt;/SPAN&gt;="&lt;SPAN class="html-attribute-value"&gt;c graph&lt;/SPAN&gt;"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;Is there a way to control the width and height in this HTML file?&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;Maybe in the style?&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;Thank you for your help!&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-size: medium; font-family: monospace;"&gt;Here are some clues that might be of importance:&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;I'm using SAS 9.3 in Enterprise Guide 5.1&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;SPAN style="color: #000000; font-family: monospace; font-size: medium;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;</description>
      <pubDate>Thu, 24 Aug 2017 13:46:26 GMT</pubDate>
      <guid>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191747#M7091</guid>
      <dc:creator>mathias</dc:creator>
      <dc:date>2017-08-24T13:46:26Z</dc:date>
    </item>
    <item>
      <title>Re: png image sizes in html with SAS/GRAPH</title>
      <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191748#M7092</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;&lt;BR /&gt;Will goptions xpixels/yxixels work?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 10pt; font-family: Courier New;"&gt;goptions &lt;/SPAN&gt;&lt;SPAN style="color: #0000ff; font-size: 10pt; font-family: Courier New;"&gt;xpixels&lt;/SPAN&gt;&lt;SPAN style="font-size: 10pt; font-family: Courier New;"&gt;=&lt;/SPAN&gt;&lt;STRONG style=": ; color: #008080; font-size: 10pt; font-family: Courier New;"&gt;200&lt;/STRONG&gt;&lt;SPAN style="font-size: 10pt; font-family: Courier New;"&gt; &lt;/SPAN&gt;&lt;SPAN style="color: #0000ff; font-size: 10pt; font-family: Courier New;"&gt;ypixels&lt;/SPAN&gt;&lt;SPAN style="font-size: 10pt; font-family: Courier New;"&gt;=&lt;/SPAN&gt;&lt;STRONG style=": ; color: #008080; font-size: 10pt; font-family: Courier New;"&gt;200&lt;/STRONG&gt;&lt;SPAN style="font-size: 10pt; font-family: Courier New;"&gt;;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt; &lt;/P&gt;&lt;P&gt; &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 01 Dec 2014 15:34:57 GMT</pubDate>
      <guid>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191748#M7092</guid>
      <dc:creator>Darrell_sas</dc:creator>
      <dc:date>2014-12-01T15:34:57Z</dc:date>
    </item>
    <item>
      <title>Re: png image sizes in html with SAS/GRAPH</title>
      <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191749#M7093</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Mathias - could you re-state your question? Are you trying to change the size of your ods graphics (such as sgplot), or are you trying to change the resolution of your SAS/Graph (such as gmap, gplot, gchart, etc)?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Also, could you show all the code you're currently using to try to control the size &amp;amp; resolution of both kinds of graphs. Note that SAS/Graph and ODS Graphics are different in how they control these things ... and when you're using html output with dev=png and sas/graph procs, I don't think you can control the resolution of those.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 01 Dec 2014 16:16:47 GMT</pubDate>
      <guid>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191749#M7093</guid>
      <dc:creator>GraphGuy</dc:creator>
      <dc:date>2014-12-01T16:16:47Z</dc:date>
    </item>
    <item>
      <title>Re: png image sizes in html with SAS/GRAPH</title>
      <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191750#M7094</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;@Darell&lt;/P&gt;&lt;P&gt;This produces a 200x200px png image displayed at 200x200px&lt;/P&gt;&lt;P&gt;goptions modifies the PNG image size. I would like to keep the same png image size, only change it's display size in html style.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;@RobertAllisson&lt;/P&gt;&lt;P&gt;&amp;gt; could you re-state your question?&lt;/P&gt;&lt;P&gt;I'll try my best:&lt;/P&gt;&lt;P&gt;Lets say that I produce 2 plots in my STP :&amp;nbsp; an SGPLOT (ODS graphics) and a PROC GMAP (SAS/GRAPH).&lt;/P&gt;&lt;P&gt;When I declare &lt;/P&gt;&lt;P&gt;ods html image_dpi=400 ;&lt;/P&gt;&lt;P&gt;It changes the png sizes for both the graphs&lt;/P&gt;&lt;P&gt;- the sgplot png image is: 2666x2000&lt;/P&gt;&lt;P&gt;- the map png image is: 3333x2500&lt;/P&gt;&lt;P&gt;That's very good, it's exactly what I want.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The difference lays in the HTML style :&lt;/P&gt;&lt;P&gt;- the sgplot html img tag style is: 640x480&lt;/P&gt;&lt;P&gt;- the map html img tag style is: 3333x2500&lt;/P&gt;&lt;P&gt;(cf. complete img tags in my first post)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I prefer 640x480, which is more visible in my web browser.&lt;/P&gt;&lt;P&gt;Thus I'm looking for a method to change the SAS/GRAPH html img tag style width &amp;amp; height&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;gt; Are you trying to change the size of your ods graphics (such as sgplot), or are you trying to change the resolution of your SAS/Graph (such as gmap, gplot, gchart, etc)?&lt;/P&gt;&lt;P&gt;Only the HTML style width &amp;amp; height&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;gt; Also, could you show all the code you're currently using to try to control the size &amp;amp; resolution&lt;/P&gt;&lt;P&gt;%let _ODSDEST = html ;&lt;/P&gt;&lt;P&gt;%let _ODSSTYLE = wivisp1 ;&lt;/P&gt;&lt;P&gt;%let _ODSSTYLESHEET = ;&lt;/P&gt;&lt;P&gt;%let _GOPT_DEVICE=png;&lt;/P&gt;&lt;P&gt;ods html image_dpi=400 device=png ;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;That's It I believe.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Many thanks !&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 02 Dec 2014 11:09:51 GMT</pubDate>
      <guid>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/191750#M7094</guid>
      <dc:creator>mathias</dc:creator>
      <dc:date>2014-12-02T11:09:51Z</dc:date>
    </item>
    <item>
      <title>Re: png image sizes in html with SAS/GRAPH</title>
      <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/561745#M18204</link>
      <description>&lt;P&gt;Any solutions?&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 27 May 2019 13:12:22 GMT</pubDate>
      <guid>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/561745#M18204</guid>
      <dc:creator>mathias</dc:creator>
      <dc:date>2019-05-27T13:12:22Z</dc:date>
    </item>
    <item>
      <title>Re: png image sizes in html with SAS/GRAPH</title>
      <link>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/561754#M18205</link>
      <description>&lt;P&gt;Solution :&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;PRE&gt;&lt;CODE class=" language-sas"&gt;	proc odstext; 
		p "&amp;lt;script&amp;gt;
			setTimeout(function(){ 
			  var el = document.getElementsByClassName('c graph')[0];
			  el.style.height = '';
			  el.style.width = '70%';
			}, 0);
		&amp;lt;/script&amp;gt;";
	run;
&lt;/CODE&gt;&lt;/PRE&gt;</description>
      <pubDate>Mon, 27 May 2019 14:30:12 GMT</pubDate>
      <guid>https://communities.sas.com/t5/Graphics-Programming/png-image-sizes-in-html-with-SAS-GRAPH/m-p/561754#M18205</guid>
      <dc:creator>mathias</dc:creator>
      <dc:date>2019-05-27T14:30:12Z</dc:date>
    </item>
  </channel>
</rss>

