Sign in to follow this  
Followers 0
pawajee

Unicode characters passed to drill down function!

By pawajee, in General usage

Recommended Posts

pawajee   

pawajee
Posted

I'm creating a chart which calls a JavaScript function and pass some values when a bar is clicked, the problem is it works with the english language but for other languages it corrupting the unicode string. Test it by clicking on any bar after rendering, here is the sample code:

<html>
<head>
<title>Chart test</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script language="JavaScript" type="text/javascript" src="Charts/FusionCharts.js"></script>
</head>
<body>
<form id="Form1" method="post" name="Form1">
<script type="text/javascript">
var SampleChart;
function ShowAlert(msg) {
alert(msg);
}
setTimeout(function() {
SampleChart = new FusionCharts("Charts/MSColumn3DLineDY.swf", "fcSimpleDataChartSimpleLayout10", "400", "450", "0", "1");
SampleChart.setDataXML("<chart palette='4' caption='Simple Chart' bgcolor='#FFFFFF' showBorder ='0' PYAxisName='Subject Marks' numberPrefix='' SnumberPrefix='$' formatNumberScale='0' showValues='0' decimals='0' useRoundEdges='1'><categories><category label='Asif' /></categories><dataset seriesName='????' color = 'f1f109' ><set value='61' toolText='TestToolTip: $61.00' link='j-ShowAlert-????' /></dataset><dataset seriesName='English' color ='4fc820'><set value='32' toolText='TestToolTip: $32.00' link='j-ShowAlert-????' /></dataset><dataset seriesName='Hindi' color ='f7bdc2'><set value='56' toolText='TestToolTip: 56.00' link='j-ShowAlert-???' /></dataset><dataset seriesName='Arabic' color ='eacf79'><set value='78' toolText='TestToolTip: $78.00' link='j-ShowAlert-??' /></dataset><dataset seriesName='Full Name' color ='d7a268'><set value='???? ???? ????' toolText='TestToolTip: ???? ???? ????' link='j-DrillDownWidget-fcSimpleDataChart|||Subject||FullName||StudentName||Asif' /></dataset></chart>");
SampleChart.addParam("WMode", "transparent");
SampleChart.render("SampleChart_div");
}, 1);
</script>
<div id="SampleChart_div">Chart.
</div>
</form>
</body>
</html>

 

Share this post

Link to post
Share on other sites

Sanjukta   

Sanjukta
Posted

Hi,

For acheiving what you intend to, could you please try setting the attribute 'unescapeLinks' to '0' in <chart> element of your XML?

Also, for a proper display of "Special/Multi-lingual" characters, please make sure that you are using UTF-8 encoded XML. Also, the XML file/HTML file/stream does require a BOM stamp. Hope you have already done this.

SampleChart.addParam("WMode", "transparent");

Please note that this is a deprecated method.

Instead you can set it as:

Ref.- SampleChart.setTransparent(true);

Hope this helps. :)

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing General usage