官术网_书友最值得收藏!

Time for action — powering a chart using JSON data stored in a file

  1. Create a file Data.json in the FirstChart folder.
  2. Paste the previously converted JSON in this file and save it.
  3. Create a copy of FirstChart.html in the same folder and name it as JSONDataURL.html.
  4. 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>
    
  5. 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.

主站蜘蛛池模板: 顺昌县| 乌拉特后旗| 友谊县| 岢岚县| 汉源县| 大厂| 中牟县| 山丹县| 台北市| 呼伦贝尔市| 田阳县| 边坝县| 乡宁县| 开封县| 永安市| 涪陵区| 临汾市| 留坝县| 尚义县| 玉树县| 峨边| 久治县| 香格里拉县| 隆尧县| 深水埗区| 格尔木市| 长汀县| 托里县| 子长县| 禹城市| 盐山县| 香港| 绥化市| 泽州县| 孟津县| 海淀区| 义马市| 久治县| 连江县| 南木林县| 英山县|