Time for action — powering a chart using JSON data stored in a file
- Create a file
Data.json
in theFirstChart
folder. - Paste the previously converted JSON in this file and save it.
- Create a copy of
FirstChart.html
in 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.
推薦閱讀
- 計算思維與算法入門
- Python深度學習
- Java Web程序設計
- 名師講壇:Spring實戰開發(Redis+SpringDataJPA+SpringMVC+SpringSecurity)
- C++新經典
- Learning ArcGIS for Desktop
- Mastering Unity 2D Game Development(Second Edition)
- Mastering Akka
- Unity&VR游戲美術設計實戰
- Learning AWS
- 快速入門與進階:Creo 4·0全實例精講
- MySQL程序員面試筆試寶典
- Orleans:構建高性能分布式Actor服務
- Building Scalable Apps with Redis and Node.js
- Switching to Angular 2