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

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.

主站蜘蛛池模板: 康定县| 寻乌县| 化州市| 巴马| 三穗县| 南京市| 杂多县| 克什克腾旗| 景谷| 永泰县| 宁夏| 定结县| 来安县| 尖扎县| 鄂托克旗| 永春县| 马关县| 青铜峡市| 三门县| 恩平市| 曲松县| 开封市| 法库县| 那坡县| 苗栗市| 鹤岗市| 揭东县| 铜川市| 稷山县| 曲阳县| 唐海县| 肇源县| 佛教| 泾源县| 康马县| 德阳市| 江阴市| 孟州市| 桦南县| 东方市| 通州市|