|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/FusionChart/Contents/AttDesc/ |
Upload File : |
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>XML/JSON Attributes for Loading External Logo </title>
<link rel="stylesheet" href="../assets/ui/css/style.css" type="text/css" />
<script type="text/javascript" src="../assets/prettify/prettify.js"></script>
<link rel="stylesheet" type="text/css" href="../assets/prettify/prettify.css" />
<script type="text/javascript" src="../assets/ui/js/jquery.min.js" ></script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute;
left:0px;
top:0px;
z-index:4;
visibility:hidden; }
a.whtbtnhide, a.whtbtnshow, a.whtbtnhidenav , a.whtbtnshownav { border-bottom:none !important; }
-->
</style>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whmsg.js"></script>
<script type="text/javascript" language="javascript" src="../assets/ui/js/whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whtopic.js"></script>
<script type="text/javascript" src="../assets/ui/js/lib.js"></script>
</head>
<body>
<!-- breadcrumb starts here -->
<div id="breadcrumb"></div>
<script type="text/javascript">
document.write( addFCBreadcrumb( [ "Home|../Introduction/Overview.html","Quick Chart Configuration|Background.html", "Loading external logo" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader">XML/JSON Attributes for Loading External Logo </td>
</tr>
<tr>
<td valign="top" class="text"><p>You can load external logos at run-time to be displayed over the chart. The logos can be GIF/JPEG/PNG or SWF files that reside on the same sub-domain as the chart SWF. To load a logo, you use <span class="codeInline">logoURL</span> attribute of <span class="codeInline">chart</span> element as under: </p></td>
</tr>
<tr>
<td valign="top" class="text">
<div class="container">
<ul class="tabs">
<li><a href="#tab1">XML</a></li>
<li><a href="#tab2">JSON</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content"><pre class="prettyprint code_container"><chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportShowMenuItem='0' <strong>logoURL='fusionchartsv3.2-logo.png'</strong>><br /> <set label='Alex' value='25000' /> <br /> <set label='Mark' value='35000' /> <br /> <set label='David' value='42300' /><br /> <set label='Graham' value='35300' /> <br /> <set label='John' value='31300' /><br /></chart></pre>
</div>
<div id="tab2" class="tab_content">
<pre id="pre-datajson" class="prettyprint code_container">{<br /> "chart":{ "yaxisname":"Sales Figure", "caption":"Top 5 Sales Person", "numberprefix":"$", "useroundedges":"1", "bgcolor":"FFFFFF", "showborder":"0", "exportenabled":"1", "exportshowmenuitem":"0",<strong> "logourl":"fusionchartsv3.2-logo.png"</strong> },<br /> "data":[{ "label":"Alex", "value":"25000" },<br /> { "label":"Mark", "value":"35000" },<br /> { "label":"David", "value":"42300" },<br /> { "label":"Graham", "value":"35300" },<br /> { "label":"John", "value":"31300" }]
}</pre>
</div>
</div>
</div><div style="clear:both"></div>
<p>This results in:</p>
<p><img src="Images/Logo1.jpg" class="imageBorder" /></p></td>
</tr>
<tr>
<td valign="top" class="highlightBlock">Please note that due to security reasons Flash Player does not allow you to load cross-domain files or files having absolute path. Hence, your <span class="codeInline">logoUrl</span> files should be of the same domain as the chart and should load from relative paths.</td>
</tr>
<tr><td height="25"></td></tr>
<tr>
<td valign="top" class="header">Configuring logo position </td>
</tr>
<tr>
<td valign="top" class="text"><p>The logo can be configured using <<span class="codeInline">logoPosition='TL' ...</span> > attribute to be shown in the following positions:</p>
<ul>
<li>TL - Top-left of the chart</li>
<li>TR - Top-right of the chart</li>
<li>BL - Bottom-left of the chart</li>
<li>BR - Bottom-right of the chart</li>
<li>CC - Center of the chart </li>
</ul></td>
</tr>
<tr><td height="25"></td></tr>
<tr>
<td valign="top" class="header">Configuring logo opacity and scale </td>
</tr>
<tr>
<td valign="top" class="text"><p>Once the logo has loaded, its opacity and scale can be configured as under:</p> </td>
</tr>
<tr>
<td valign="top" class="text">
<div class="container">
<ul class="tabs">
<li><a href="#tab9">XML</a></li>
<li><a href="#tab10">JSON</a></li>
</ul>
<div class="tab_container">
<div id="tab9" class="tab_content">
<pre class="prettyprint code_container"><chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportShowMenuItem='0' logoURL='fusionchartsv3.2-logo.png' <strong>logoPosition='CC' logoAlpha='30' logoScale='110'</strong>>
<set label='Alex' value='25000' />
<set label='Mark' value='35000' />
<set label='David' value='42300' />
<set label='Graham' value='35300' />
<set label='John' value='31300' />
</chart> </pre></div>
<div id="tab10" class="tab_content">
<pre class="prettyprint code_container">{
"chart":{
"yaxisname":"Sales Figure",
"caption":"Top 5 Sales Person",
"numberprefix":"$",
"useroundedges":"1",
"bgcolor":"FFFFFF,FFFFFF",
"showborder":"0",
"exportenabled":"1",
"exportshowmenuitem":"0",
"logourl":"fusionchartsv3.2-logo.png",
<strong>"logoposition":"CC",
"logoalpha":"30",
"logoscale":"110"</strong>
},
"data":[{
"label":"Alex",
"value":"25000"
},
{
"label":"Mark",
"value":"35000"
},
{
"label":"David",
"value":"42300"
},
{
"label":"Graham",
"value":"35300"
},
{
"label":"John",
"value":"31300"
}
]
}</pre>
</div>
</div>
</div><div style="clear:both"></div>
</td>
</tr>
<tr>
<td valign="top" class="text"><p>This results in:</p>
<p><img src="Images/Logo2.jpg" class="imageBorder" /></p></td>
</tr>
<tr>
<td valign="top" class="header">Linking the logo to external URLs </td>
</tr>
<tr>
<td valign="top" class="text"><p>You can even link the logo to an external URL by setting <span class="codeInline"><chart ... logoLink='<a href="../DrillDown/LinkFormat.html">link in FusionCharts format</a>'></span>.</p>
<p>This link can open in same window, new window, pop-up windows, frames or even invoke JavaScript methods. </p></td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("Chart Canvas|Canvas.html", "Titles & Axis Names|Titles.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>