#25081843:iecompatibility() Chart Id Is Same As A Javascript Variable Name. Variable Naming Error. Please Use Unique Name For Chart Js Variable, Char

reefree · December 21, 2011

#25081843:IECompatibility() Chart Id is same as a JavaScript variable name. Variable naming error. Please use unique name for chart JS variable, chart-id and container id.

hi~

hello~

nice to meet you~*^^*

please help...

i'm korean Programmer

ie 7, ie 9 No problem

ie 8 error ;;

please help..

source..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd">

<head>

//<![CDATA[

//json 형태의 object debugging func(홍세기 [email protected])

function viewProp() {

var allHtml = "";

for (var x = 0 ; x < arguments.length ; x++) {

var obj = arguments[x];

var names = "<table border='1' cellspacing='1' cellpadding='1'><tr>";

if (obj.toString().substr(0,8) === '[object ') {

names += "<td>name</td><td>value</td></tr>";

var arr = new Array();

for (var name in obj) {

arr.push(name);

}

arr.sort();

for (var i = 0 ; i < arr.length ; i++) {

var key = arr;

names += "<tr><td>";

names += key;

names +='</td><td>' ;

names += obj[key];

names += '</td></tr>';

}

names += "</table>";

arr = null;

} else {

names += "<td>value</td></tr>";

names += "<tr><td>";

names += obj;

names += '</td></tr>';

}

allHtml += names + "<br/>";

}

var pop = window.open("", "viewProperty", "", "");

pop.focus();

pop.document.body.innerHTML = allHtml.fixed();

}

//]]>

</script>

</head>

<body id="popup">

<div id="wrapper">

<h1>입사지원현황통계 <span>로고</span></h1>

<h2>입사지원현황통계 <strong>(지원자수:1명)</strong></h2>

<div class="stats_wrap">

<div class="statsl">

<h3 class="sh4">성별 지원분포</h3>

<div id="sexual-1" class="stats_box">

<span id="sexual"></span>

<div class="two">

<p><strong>1</strong>명/100%</p>

<p><strong>0</strong>명/0%</p>

</div>

<h3 class="sh4">학력별 지원분포</h3>

<div id="school-1" class="stats_box">

<span id="school"></span>

<div>

<p><strong>0</strong>명/0%</p>

<p><strong>1</strong>명/100%</p>

<p><strong>0</strong>명/0%</p>

</div>

<h3 class="sh4">경력별 지원분포</h3>

<div id="career-1" class="stats_box">

<span id="career"></span>

<div class="six">

<p><strong>0</strong>명/0%</p>

<p><strong>1</strong>명/100%</p>

</div>

<div class="statsr">

<h3 class="sh4">연령별 지원분포</h3>

<div id="age-1" class="stats_box">

<span id="age"></span>

<div>

<p><strong>0</strong>명/0%</p>

<p><strong>1</strong>명/100%</p>

<p><strong>0</strong>명/0%</p>

</div>

<h3 class="sh4">희망연봉별 지원분포</h3>

<div id="hopeSal-1" class="stats_box">

<span id="hopeSal"></span>

<div>

<p><strong>0</strong>명/0%</p>

<p><strong>1</strong>명/100%</p>

</div>

<div class="btn">

<a href="#1" onclick="window.close();"><img src="/images/common/btn/btn_closed.gif" alt="닫기" /></a>

</div>

<script type="text/javascript" src="/ext/fusionCharts/FusionCharts.js"></script>

<script>

//<![CDATA[

// 성별

var sexualJSON = {

"chart" : {

"xAxisName" : "",

"yAxisName" : "",

"showyaxisvalues": "0",

"yAxisMaxValue": 100

},

"data" : [

{ "label" : "남", "value" : "100" },

{ "label" : "여", "value" : "0" }

]

};

// 학력별

var schoolJSON = {

"chart" : {

"xAxisName" : "",

"showyaxisvalues": "0",

"yAxisMaxValue": 100

},

"data" : [

{ "label" : "중졸이하", "value" : "0" },

{ "label" : "고졸", "value" : "0" },

{ "label" : "초대졸", "value" : "0" },

{ "label" : "대졸", "value" : "100" },

{ "label" : "석박사", "value" : "0" }

]

};

// 경력별

var careerJSON = {

"chart" : {

"xAxisName" : "",

"showyaxisvalues": "0",

"yAxisMaxValue": 100

},

"data" : [

{ "label" : "신입", "value" : "0" },

{ "label" : "1년미만", "value" : "0" },

{ "label" : "1~3년", "value" : "0" },

{ "label" : "3~5년", "value" : "0" },

{ "label" : "5~10년", "value" : "0" },

{ "label" : "10년이상", "value" : "100" }

]

};

// 연령별

var ageJSON = {

"chart" : {

"xAxisName" : "",

"showyaxisvalues": "0",

"yAxisMaxValue": 100

},

"data" : [

{ "label" : "20세 이하", "value" : "0" },

{ "label" : "21~25세", "value" : "0" },

{ "label" : "26~30세", "value" : "0" },

{ "label" : "31~35세", "value" : "100" },

{ "label" : "36~40세", "value" : "0" },

{ "label" : "41~45세", "value" : "0" },

{ "label" : "46~50세", "value" : "0" },

{ "label" : "51세이상", "value" : "0" }

]

};

// 희망연봉별

var hopeSalJSON = {

"chart" : {

"xAxisName" : "",

"showyaxisvalues": "0",

"yAxisMaxValue": 100

},

"data" : [

{ "label" : "1400미만", "value" : "0"},

{ "label" : "1400~1800", "value" : "0"},

{ "label" : "1801~2200", "value" : "0"},

{ "label" : "2201~2600", "value" : "0"},

{ "label" : "2601~3000", "value" : "0"},

{ "label" : "3001~3400", "value" : "0"},

{ "label" : "3401~4000", "value" : "0"},

{ "label" : "4000", "value" : "100"}

]

};

// 챠트 객체 생성

var sexualChart = new FusionCharts("/ext/fusionCharts/Bar2D.swf", "sexualChart", "290", "100", "0", "1" ); // 성별

var schoolChart = new FusionCharts("/ext/fusionCharts/Bar2D.swf", "schoolChart", "290", "160", "0", "1" ); // 학력

var careerChart = new FusionCharts("/ext/fusionCharts/Bar2D.swf", "careerChart", "290", "180", "0", "1" ); // 경력

var ageChart = new FusionCharts("/ext/fusionCharts/Bar2D.swf", "ageChart", "290", "240", "0", "1" ); // 연령

var hopeSalChart = new FusionCharts("/ext/fusionCharts/Bar2D.swf", "hopeSalChart", "290", "240", "0", "1" ); // 희망연봉

// 각 챠트 데이터 생성

sexualChart.setJSONData (sexualJSON );

schoolChart.setJSONData (schoolJSON );

careerChart.setJSONData (careerJSON );

ageChart.setJSONData (ageJSON );

hopeSalChart.setJSONData(hopeSalJSON);

// 챠트 랜더링

sexualChart.render ("sexual" );

schoolChart.render ("school" );

careerChart.render ("career" );

ageChart.render ("age" );

hopeSalChart.render("hopeSal");

//]]>

</script>

</div>

</body>

</html>

PS : There is no redundancy any entry ID

have a nice day

Edited December 21, 2011 by reefree

December 21, 2011

Hi,

Welcome to the FusionCharts Forum

Thank you for the post and interest in FusionCharts.

With regards to your issue, can you please ensure that the path to the *.swf file is correct ?

Also, can you please try defining different variable name ?

Ref. Code

var sexualChartVariable = new FusionCharts("/ext/fusionCharts/Bar2D.swf", "sexualChart", "290", "100", "0", "1" ); // Please note that the variable name 'sexualChartVariable' is different from the chart reference 'sexualChart'.

This difference is required to resolve the IE compatibility issue.

Hope this helps !!

Happy FusionCharting

Edited December 21, 2011 by Bindhu

reefree · December 21, 2011

bindhu

very Handsome.

good man

Solve the problem

very thank you!

December 21, 2011

Hi,

We are glad to know that your issue has been resolved

You are always welcome

Happy FusionCharting

Jorge · January 16, 2012

Hello,

I am having the same issue, but on all IE versions (currently IE 9 in standards mode). However, I have ensured that I am not using the same ID than the variable name, the code looks like:

<div id="chartdiv1"> </div>
<script>
var myChart1 = new FusionCharts("Pie3D.swf", "myChartId1", "500" , "300","0","1");
myChart1.render("chartdiv1")
</script>

I'm kind of puzzled because according to your explanation, the problem should be fixed. I have also verified with Firebug that myChart1 is undefined and myChartId1 does not exist right before the chart is created.

Any clue?

Thanks for your help

January 17, 2012

Hi,

Welcome to FusionCharts Forum!

Could you please confirm the FusionCharts version you are using?

Awaiting for your response.

Jorge · January 17, 2012

Hello,

It's 3.2.0.

Thanks,

Hi,

Welcome to FusionCharts Forum!

Could you please confirm the FusionCharts version you are using?

Awaiting for your response.

January 17, 2012

Hi,

Thanks for your response.

Could you please upgrade to latest version of FusionCharts i.e FusionCharts XT Service Release 1 (v3.2.2.) from: http://www.fusioncha...ownload/trials/ and see if this helps?

All the features of FusionCharts XT (v3.2.2) are backward compatible with FusionCharts v3.1. Hence, upgrading is as easy as copy-pasting files. Listed below are the things that you would need to take care of while upgrading:

Copy all chart SWF files from Download Pack > Charts folder and replace your existing chart SWF files in your deployed folder.

Copy the new FusionCharts.js from Download Pack > Charts folder and over-write the existing FusionCharts.js in your deployed application folder.

v3.2.2 (XT) pack contains 2 new JavaScript files, FusionCharts.HC.js, FusionCharts.HC.Charts.js along with FusionCharts.js and jquery.min.js, which you need to copy to the same folder as FusionCharts.js.

Clear your browser cache (very important step).

Hope this helps.

Sign In

#25081843:iecompatibility() Chart Id Is Same As A Javascript Variable Name. Variable Naming Error. Please Use Unique Name For Chart Js Variable, Char

Recommended Posts

reefree

Share this post

Link to post

Share on other sites

Guest Bindhu

Share this post

Link to post

Share on other sites

reefree

Share this post

Link to post

Share on other sites

Guest Bindhu

Share this post

Link to post

Share on other sites

Jorge

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Jorge

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity