Time for action — powering a chart using JSON data stored in a file
- Create a file
Data.jsonin theFirstChartfolder. - Paste the previously converted JSON in this file and save it.
- Create a copy of
FirstChart.htmlin the same folder and name it asJSONDataURL.html. - Change the following lines of code, as highlighted:
<html> <body> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"><!-- var myChart = new FusionCharts("../FusionCharts/Column3D.swf", "myChartId","400", "300", "0", "1" ); myChart.setJSONUrl("Data.json"); myChart.render("chartContainer");// --> </script> </body> </html> - View the page in the browser. You should see the same chart as the previous one.
What just happened?
You just configured your chart to use JSON data as URL, instead of XML. If you do not see a chart, however, your browser might be restricting JavaScript to load local files. In that case, you will have to switch to the JSON Data String method, as explained in the next section.
推薦閱讀
- 劍指JVM：虛擬機實踐與性能調優
- RTC程序設計：實時音視頻權威指南
- 零基礎學Java程序設計
- GameMaker Programming By Example
- 基于Swift語言的iOS App 商業實戰教程
- ADI DSP應用技術集錦
- Python機器學習編程與實戰
- Symfony2 Essentials
- RealSenseTM互動開發實戰
- OpenStack Networking Essentials
- 深入淺出Python數據分析
- Building Business Websites with Squarespace 7（Second Edition）
- Python數據可視化之matplotlib實踐
- Ubuntu Server Cookbook
- Unity 3D UI Essentials