FusionCharts创建图表时报错解决方法

最新推荐文章于 2014-05-09 23:18:16 发布

iteye_2935

最新推荐文章于 2014-05-09 23:18:16 发布

阅读量246

点赞数

开源软件专栏收录该内容

29 篇文章 0 订阅

订阅专栏

FusionCharts创建图表时报错解决方法

问题一：Fusioncharts的Javascript图表却显示 'Invalid Data'

解决方法：如果你获取 "Invalid Data."提示信息，这意味着，XML/JSON数据格式不正确。常见错误如下：

1、XML/JSON中存在重复的属性。

2、标签不一致。的结尾标签应该为，不是或者。

3、属性中缺少前/后引号，如，

6、如果你将单引号作为数据的一部分，它们的编码为 ' 例如：

7、当使用HTML嵌入和数据字符串的方法时，如果你在数据中使用了特殊字符，请确保它们被正确地编码。

8、当使用HTML嵌入和数据字符串的方法时，检查XML Attribute Character和HTML Parameter Character之间是否有冲突，例如，如果HTML参数使用"作为容器，那么你就需要确保你所有的XML属性则使用'作为容器。

问题二：JSON file文件路径正确，Fusioncharts仍无法从URL中加载JSON。

解决方法：许多Web服务器，如IIS6默认情况下不提供JSON文件文件。你需要设置一下Web服务器来获取JSON文件。以IIS6为例，具体步骤如下：

1、在IIS Manager中打开服务器属性，点击MIME类型，然后点击 "New"。

2、输入 "JSON" 和"application/json"并分别将它们作为扩展名和MIME类型。

问题三：设置FusionCharts图表百分比高度后，图表停止渲染。

解决方法：当你设置了图表的百分比后，它会根据其父容器的宽和高来获取图表的宽度和高度。例如，你有一个容器，DIV容器没有设置绝度/相对高度的话，DIV的高度将为“0”。当图表在一个100%高度的DIV中呈现时，图表就会尝试获取高度为0的父DIV高度。图表的高度也就为0。在下面的示例中，试着给图表设置一个绝对高度：

FusionCharts XT will load here!

问题四：Fusioncharts图表中提示"No data to display"

解决方法：如果你的图表中提示"No data to display" ，它可能是以下几种情况导致的：

1、XML数据中没有包含FusionCharts XT绘制图表所需的任何数据。此时，你XML只包含或，但是标签之间并没有数据。

2、你使用的可能是一个单系列的图表，但是却提供的多系列格式，反之亦然。此时，图表中就会显示 "No data to display"。

3、在一些双Y组合图中，你至少需要为一个数据集提供两个轴。否则，也会出现"No data to display" 提示。

问题五：创建图表时却提示"FusionCharts XT will load here"等信息

解决方法：如果显示"The chart will appear within this DIV..." 或者 "Chart." 或"FusionCharts XT will load here"等提示信息，请检查下列项目：

1、已将FusionCharts.js, jquery.min.js, FusionCharts.HC.js和FusionCharts.HC.Charts.js 文件复制到正确的文件夹。

2、HTML代码中包含并提供了正确的FusionCharts.js 路径。

3、任何JavaScript语法或运行时错误，都可能会停止执行FusionCharts API。

4、图表的JavaScript变量，图表ID 和HTML DIV的ID 是否唯一？