|
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/advanced/special-chars/ |
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>Using Currency Symbols on Chart</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", "Advanced charting", "Using Special characters", "Using currency symbols" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td balign="top" class="pageHeader">Using Currency Symbols on Chart</td>
</tr>
<tr>
<td valign="top" class="text"><p> Currency symbols, For example, £(Pound), €(Euro), ¥(Yen) etc., may also be a part of the data which is displayed on charts. This section guides you on how to include the most used currency symbols as a part of your charts.</p>
</td>
</tr>
<tr>
<td class="header"><a name="pound" id="pound"></a>Using Pound(<strong>£</strong>) sign</td>
</tr>
<tr>
<td class="text">
<p>To display Pound character on a chart, you can simply include it in the XML/JSON data source of the chart. This is applicable in both Data URL and Data String methods. </p>
<p> Following data includes the £ character:</p> </td>
</tr>
<tr>
<td 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 showValues="1" caption="Revenue for 2009" <strong>numberPrefix="£"</strong> xAxisName="Quarter" yAxisName="Revenue" ><br /> <set value="235000" label="Quarter 1"/><br /> <set value="125100" label="Quarter 2"/><br /> <set value="334200" label="Quarter 3"/><br /> <set value="414500" label="Quarter 4"/><br /></chart></pre>
</div>
<div id="tab2" class="tab_content">
<pre id="pre-datajson3" class="prettyprint code_container">{<br /> "chart":{<br /> "showvalues":"1",<br /> "caption":"Revenue for 2009",<br /> <strong>"numberprefix":"£"</strong>,<br /> "xaxisname":"Quarter",<br /> "yaxisname":"Revenue"<br /> },<br /> "data":[{<br /> "value":"235000",<br /> "label":"Quarter 1"<br /> },<br /> {<br /> "value":"125100",<br /> "label":"Quarter 2"<br /> },<br /> {<br /> "value":"334200",<br /> "label":"Quarter 3"<br /> },<br /> {<br /> "value":"414500",<br /> "label":"Quarter 4"<br /> }<br /> ]<br />}</pre>
</div></div></div></td></tr>
<tr>
<td class="text">
<p>The above data produces a chart with the <span class="codeInline">£</span> symbol prefixed to all numeric values:</p>
<p><img src="Images/SpCharAll.jpg" alt="Using pound character in chart" /></p>
<p class="highlightBlock"><strong> When using the HTML embedding method with data provided as embedded string, it is essential to encode pound character as <span class="codeInline">%A3</span>. </strong></p></td>
</tr>
<tr>
<td class="header"><a name="yen" id="yen"></a>Using Yen(¥) sign</td>
</tr>
<tr>
<td class="text">
<p>To display Yen character on a chart, you can simply include it in the XML/JSON data source of the chart. This is applicable in both Data URL and Data String methods.</p>
<p> Following data includes <span class="codeInline">¥</span> character:</p> </td>
</tr>
<tr>
<td class="text">
<div class="container">
<ul class="tabs">
<li><a href="#tab3">XML</a></li>
<li><a href="#tab4">JSON</a></li>
</ul>
<div class="tab_container">
<div id="tab3" class="tab_content">
<pre class="prettyprint code_container"><chart showValues="1" caption="Revenue for 2009" <strong>numberPrefix="¥"</strong> xAxisName="Quarter" yAxisName="Revenue" ><br /> <set value="235000" label="Quarter 1"/><br /> <set value="125100" label="Quarter 2"/><br /> <set value="334200" label="Quarter 3"/><br /> <set value="414500" label="Quarter 4"/><br /></chart></pre>
</div>
<div id="tab4" class="tab_content">
<pre id="pre-datajson2" class="prettyprint code_container">{<br /> "chart":{<br /> "showvalues":"1",<br /> "caption":"Revenue for 2009",<br /> <strong>"numberprefix":"¥"</strong>,<br /> "xaxisname":"Quarter",<br /> "yaxisname":"Revenue"<br /> },<br /> "data":[{<br /> "value":"235000",<br /> "label":"Quarter 1"<br /> },<br /> {<br /> "value":"125100",<br /> "label":"Quarter 2"<br /> },<br /> {<br /> "value":"334200",<br /> "label":"Quarter 3"<br /> },<br /> {<br /> "value":"414500",<br /> "label":"Quarter 4"<br /> }<br /> ]<br />}</pre>
</div></div></div></td></tr>
<tr>
<td class="text">
<p>The above data produces a chart with <span class="codeInline">¥</span> prefixed to all numeric values:</p>
<p><img src="Images/SpCharAllyen.jpg" alt="Using yen character in chart" /></p>
<p class="highlightBlock"><strong> When using the HTML embedding method with data provided as embedded string, it is essential to encode yen character as <span class="codeInline">%A5</span>. </strong></p></td>
</tr>
<tr>
<td class="header"><a name="cent" id="cent"></a>Using Cent(¢) sign</td>
</tr>
<tr>
<td class="text">
<p>To display Cent character on a chart, you can simply include it in the XML/JSON data source of the chart. This is applicable in both Data URL and Data String methods.</p>
<p> Following data includes <span class="codeInline">¢</span> character:</p> </td>
</tr>
<tr>
<td class="text">
<div class="container">
<ul class="tabs">
<li><a href="#tab5">XML</a></li>
<li><a href="#tab6">JSON</a></li>
</ul>
<div class="tab_container">
<div id="tab5" class="tab_content">
<pre class="prettyprint code_container"><chart showValues="1" caption="Revenue for 2009" <strong>numberPrefix="¢"</strong> xAxisName="Quarter" yAxisName="Revenue" ><br /> <set value="235000" label="Quarter 1"/><br /> <set value="125100" label="Quarter 2"/><br /> <set value="334200" label="Quarter 3"/><br /> <set value="414500" label="Quarter 4"/><br /></chart></pre>
</div>
<div id="tab6" class="tab_content">
<pre id="pre-datajson" class="prettyprint code_container">{<br /> "chart":{<br /> "showvalues":"1",<br /> "caption":"Revenue for 2009",<br /> <strong>"numberprefix":"¢"</strong>,<br /> "xaxisname":"Quarter",<br /> "yaxisname":"Revenue"<br /> },<br /> "data":[{<br /> "value":"235000",<br /> "label":"Quarter 1"<br /> },<br /> {<br /> "value":"125100",<br /> "label":"Quarter 2"<br /> },<br /> {<br /> "value":"334200",<br /> "label":"Quarter 3"<br /> },<br /> {<br /> "value":"414500",<br /> "label":"Quarter 4"<br /> }<br /> ]<br />}</pre>
</div></div></div></td></tr>
<tr>
<td class="text">
<p>The above data produces a chart with <span class="codeInline">¢</span> prefixed to all numeric values:</p>
<p><img src="Images/SpCharAllcent.jpg" alt="Using cent character in chart" /></p>
<p class="highlightBlock"><strong> When using the HTML embedding method with data provided as embedded string, it is essential to encode cent character as <span class="codeInline">%A2</span>. </strong></p></td>
</tr>
<tr>
<td class="header"><a name="euro" id="euro"></a>Using Euro(€) sign</td>
</tr>
<tr>
<td class="text">
<p>To display Euro character on a chart, you can simply include it in the XML/JSON data source of the chart. This is applicable in both Data URL and Data String methods.</p>
<p> Following data includes <span class="codeInline">€</span> character:</p> </td>
</tr>
<tr>
<td class="text">
<div class="container">
<ul class="tabs">
<li><a href="#tab7">XML</a></li>
<li><a href="#tab8">JSON</a></li>
</ul>
<div class="tab_container">
<div id="tab7" class="tab_content">
<pre class="prettyprint code_container"><chart showValues="1" caption="Revenue for 2009" <strong>numberPrefix="€"</strong> xAxisName="Quarter" yAxisName="Revenue" ><br /> <set value="235000" label="Quarter 1"/><br /> <set value="125100" label="Quarter 2"/><br /> <set value="334200" label="Quarter 3"/><br /> <set value="414500" label="Quarter 4"/><br /></chart></pre>
</div>
<div id="tab8" class="tab_content">
<pre id="pre-datajson4" class="prettyprint code_container">{<br /> "chart":{<br /> "showvalues":"1",<br /> "caption":"Revenue for 2009",<br /> <strong>"numberprefix":"€"</strong>,<br /> "xaxisname":"Quarter",<br /> "yaxisname":"Revenue"<br /> },<br /> "data":[{<br /> "value":"235000",<br /> "label":"Quarter 1"<br /> },<br /> {<br /> "value":"125100",<br /> "label":"Quarter 2"<br /> },<br /> {<br /> "value":"334200",<br /> "label":"Quarter 3"<br /> },<br /> {<br /> "value":"414500",<br /> "label":"Quarter 4"<br /> }<br /> ]<br />}</pre>
</div></div></div></td></tr>
<tr>
<td class="text">
<p>The above data produces a chart with the <span class="codeInline">€</span> symbol prefixed to all numeric values:</p>
<p><img src="Images/SpCharAlleuro.jpg" alt="Using euro character in chart" /></p>
<p class="highlightBlock"> Euro character falls into the category of extended unicode character-set. To display a euro character in your chart, the XML file should be encoded with UTF-8 BOM signature, otherwise the character will not be displayed properly. To know more about BOM and how to add it in your XML, please read <a href="SpChar.html#bomdetail">What is BOM</a>.<br />
<br />
<strong>When using the HTML embedding method with data provided as embedded string, you need to use <span class="codeInline">%E2%82%AC</span> (the encoded form) instead of <span class="codeInline">€</span> character. </strong></p>
</td>
</tr>
<tr>
<td class="header"><a name="franc" id="franc"></a>Using Franc(₣) sign</td>
</tr>
<tr>
<td class="text">
<p>To display Franc character on a chart, you can simply include it in the XML/JSON data source of the chart. This is applicable in both Data URL and Data String methods.</p>
<p> Following data includes <span class="codeInline">₣</span> character:</p> </td>
</tr>
<tr>
<td 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 showValues="1" caption="Revenue for 2009" <strong>numberPrefix="₣"</strong> xAxisName="Quarter" yAxisName="Revenue" ><br /> <set value="235000" label="Quarter 1"/><br /> <set value="125100" label="Quarter 2"/><br /> <set value="334200" label="Quarter 3"/><br /> <set value="414500" label="Quarter 4"/><br /></chart></pre>
</div>
<div id="tab10" class="tab_content">
<pre id="pre-datajson5" class="prettyprint code_container">{<br /> "chart":{<br /> "showvalues":"1",<br /> "caption":"Revenue for 2009",<br /> <strong>"numberprefix":"₣"</strong>,<br /> "xaxisname":"Quarter",<br /> "yaxisname":"Revenue"<br /> },<br /> "data":[{<br /> "value":"235000",<br /> "label":"Quarter 1"<br /> },<br /> {<br /> "value":"125100",<br /> "label":"Quarter 2"<br /> },<br /> {<br /> "value":"334200",<br /> "label":"Quarter 3"<br /> },<br /> {<br /> "value":"414500",<br /> "label":"Quarter 4"<br /> }<br /> ]<br />}</pre>
</div></div></div>
</td></tr>
<tr>
<td class="text">
<p>The above data produces a chart with <span class="codeInline">₣</span> prefixed to all numeric values:</p>
<p><img src="Images/SpCharAllfranc.jpg" alt="Using franc character in chart" /></p>
<p class="highlightBlock"> Franc character falls into the category of extended unicode character-set. To display a franc character in your chart, the XML file should be encoded with UTF-8 BOM signature, otherwise the character will not be displayed properly. To know more about BOM and how to add it in your XML, please refer to <a href="SpChar.html#bomdetail">What is BOM</a>. <br />
<br />
<strong>When using the HTML embedding method with data provided as embedded string, you need to use <span class="codeInline">%E2%82%A3</span> (the encoded form) instead of <span class="codeInline">₣</span> character. </strong></p>
</td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("Using Multi-lingual text|SpChar.html","Using Special punctuations|SpPunctuation.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>