How can I integrate FusionChart in my SPA application developed using Durandal and Knockout?
-
How can I integrate FusionChart in my SPA application developed using MVVM architecture, Durandal and Knockout.js? I had created a simple HTML file, with hard coded data, in which the charts are working fine but I am not able to figure out how can I embed this code with my SPA Application. I am sharing some details: I have added following Js file in my HTML file : <script type="text/javascript" src="./FusionCharts.js"></script> <script type="text/javascript" src="./jquery-1.9.1.min.js"></script> <script type="text/javascript" src="./lib.js"></script> *other required files are in the same folder. but I didn't added in my HTML file. My HTML file code in which fusion chart is rendered successfully is as follows : <div id="chartdiv" align="center">Chart will load here</div> <script type="text/javascript"> var chart = new FusionCharts("Column3D", "myChartId", "300", "200"); chart.setXMLData("<chart animation='0' caption='Aging' numberPrefix='$' showBorder='1'>" + "<set label='Current' value='24000' color='00FF00' />" + "<set label='30+' value='19600' color='0000FF' />" + "<set label='60+' value='15700' color='FFFF00'/>" + "<set label='90+' value='14400' color='FF0000' />" + "<styles>" + "<definition>" + "<style name='myCaptionFont' type='font' align='right'/>" + "</definition>" + "<application>" + "<apply toObject='Caption' styles='myCaptionFont' />" + "</application>" + "</styles> " + "</chart>"); chart.render("chartdiv"); </script> the above code is successfully rendering the FusionChart in my HTML file. But I am not able to figure out, the code in my ViewModel.js so that I can render the fusion chart in my view.html. Please Help.
-
Answer:
Shamasis Bhattacharya at Quora Visit the source
Related Q & A:
- How can I allow user to create posts in website using ASP.NET?Best solution by Programmers
- how can I integrate slim framework in cakephp?Best solution by stackoverflow.com
- How Can I Connect To The Internet On My Psp Using A USB Cable?Best solution by askdavetaylor.com
- How can I describe myself on a job application?Best solution by Yahoo! Answers
- How can I email a photo on Yahoo email without using an attachment?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.