DeoS

Getting FusionCharts VB to work in IE

Recommended Posts

I am new to FusionCharts, and am using the trial version download to evaluate the product for our company. I have followed the online instructions for download and installations found at: https://www.fusioncharts.com/dev/getting-started/aspnet/install-using-aspnet.

However, I have run into load issues using the pre-made examples found within the trial download. The file suggested using the file in integration\asp.net-vb\ fusioncharts-wrapper-source but looking at it in Visual Studio it looks to be in C#, not VB, and is throwing errors whenever it is in the App_code folder. So I tried the OR option using the .dll file.

The example angular gauge (fusioncharts-suite-xt\integrations\asp.net-vb\samples\Pages\AngularGauge)

renders fine in Firefox and Chrome, however it will not render in IE, instead I get a "Chart…" placeholder. Debugging in IE shows a SCRIPT1028: Expected identifier, string or number with the code being:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><link href="../Styles/SampleStyleSheet.css" rel="stylesheet" /><title>
    FusionCharts | Angular Gauge
</title></head>
<body>
   <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
   <script type="text/javascript" src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
    <form method="post" action="./AngularGauge.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUIMjI3MjExODYPZBYCAgMPZBYCAgEPFgIeBFRleHQF1Ac8IS0tIFVzaW5nIEFTUC5ORVQgRnVzaW9uQ2hhcnRzIFdyYXBwZXIgYW5kIEphdmFTY3JpcHQgcmVuZGVyaW5nIC0tPjwhLS0gU1RBUlQgU2NyaXB0IEJsb2NrIGZvciBDaGFydCBnYXVnZSAtLT4NCjxkaXYgaWQ9J2dhdWdlX2RpdicgPg0KQ2hhcnQuLi4NCjwvZGl2Pg0KPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPg0KRnVzaW9uQ2hhcnRzICYmIEZ1c2lvbkNoYXJ0cy5yZWFkeShmdW5jdGlvbiAoKSB7DQppZiAoRnVzaW9uQ2hhcnRzKCJnYXVnZSIpICkgRnVzaW9uQ2hhcnRzKCJnYXVnZSIpLmRpc3Bvc2UoKTsKdmFyIGNoYXJ0X2dhdWdlID0gbmV3IEZ1c2lvbkNoYXJ0cyh7DQoid2lkdGgiIDogIjQwMCIsIA0KImhlaWdodCIgOiAiNDAwIiwgDQoiaWQiIDogImdhdWdlIiwgDQoidHlwZSIgOiAiYW5ndWxhcmdhdWdlIiwgDQoiZGF0YVNvdXJjZSIgOiB7J2NoYXJ0JzogeydjYXB0aW9uJzogJ05vcmRzdG9ybVwncyBDdXN0b21lciBTYXRpc2ZhY3Rpb24gU2NvcmUgZm9yIDIwMTcnLCdsb3dlckxpbWl0JzogJzAnLCd1cHBlckxpbWl0JzogJzEwMCcsJ3Nob3dWYWx1ZSc6ICcxJywnbnVtYmVyU3VmZml4JzogJyUnLCd0aGVtZSc6ICdmdXNpb24nLCdzaG93VG9vbFRpcCc6ICcwJ30sJ2NvbG9yUmFuZ2UnOiB7J2NvbG9yJzogW3snbWluVmFsdWUnOiAnMCcsJ21heFZhbHVlJzogJzUwJywnY29kZSc6ICcjRjI3MjZGJ30sIHsnbWluVmFsdWUnOiAnNTAnLCdtYXhWYWx1ZSc6ICc3NScsJ2NvZGUnOiAnI0ZGQzUzMyd9LCB7J21pblZhbHVlJzogJzc1JywnbWF4VmFsdWUnOiAnMTAwJywnY29kZSc6ICcjNjJCNThGJ31dfSwnZGlhbHMnOiB7J2RpYWwnOiBbeyd2YWx1ZSc6ICc4MSd9XX19LCANCiJkYXRhRm9ybWF0IiA6ICJqc29uIiwgDQoicmVuZGVyQXQiIDogImdhdWdlX2RpdiIsIA0KfSkucmVuZGVyKCk7DQp9KTsNCjwvc2NyaXB0Pg0KPCEtLSBFTkQgU2NyaXB0IEJsb2NrIGZvciBDaGFydCBnYXVnZSAtLT4NCmRk1W1c0tBpJBAY5KEDvbAvPzRkqwWxr+gOnLU0PvKAunA=" />
</div>

<div class="aspNetHidden">

    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="5DAE1B81" />
</div>
        <h3>Angular Gauge</h3>
        <div>
             <!-- Using ASP.NET FusionCharts Wrapper and JavaScript rendering --><!-- START Script Block for Chart gauge -->
<div id='gauge_div' >
Chart...
</div>
<script type="text/javascript">
FusionCharts && FusionCharts.ready(function () {
if (FusionCharts("gauge") ) FusionCharts("gauge").dispose();
var chart_gauge = new FusionCharts({
"width" : "400",
"height" : "400",
"id" : "gauge",
"type" : "angulargauge",
"dataSource" : {'chart': {'caption': 'Nordstorm\'s Customer Satisfaction Score for 2017','lowerLimit': '0','upperLimit': '100','showValue': '1','numberSuffix': '%','theme': 'fusion','showToolTip': '0'},'colorRange': {'color': [{'minValue': '0','maxValue': '50','code': '#F2726F'}, {'minValue': '50','maxValue': '75','code': '#FFC533'}, {'minValue': '75','maxValue': '100','code': '#62B58F'}]},'dials': {'dial': [{'value': '81'}]}},
"dataFormat" : "json",
"renderAt" : "gauge_div",
}).render(); 
});
</script>
<!-- END Script Block for Chart gauge -->
     
        </div>
        <div><span><a id="hyperlink1" href="../Default.aspx">Go Back</a></span></div>
    </form>
</body>

</html>

 

Any advice on the best course of action would be great. I apologize if this is a simple issue, but google was not a great help on this. Thanks in advance!

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