`
阅读更多

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 是否唯一?

问题六:Fusioncharts创建图表时,提示"Error in Loading Data.",怎么回事?

解决方法:如果你获取 "Error in Loading Data."提示信息,请检查下列内容:

1、代码中是否提供了正确的XML/JSON数据路径

2、将Data URL粘贴到浏览器中,查看浏览器中是否返回一个有效的XML/JSON。若没有脚本或者超时错误,则返回一个有效的XML / JSON。此外,请确保XML/JSON 没有和HTML内容混合在一起。数据源提供器页返回一个整洁的XML / JSON - 甚至没有HTML或标签。

3、XML/JSON文件命名是否正确,是否包含了.txt扩展名。

4、如果你使用的是文件系统名需要区分大小写的操作系统,请检查你的XML/JSON名称和图表文件。

5、检查你的图表文件 (SWF和JavaScript)和XML/JSON 数据是否在同一个域名或相同的子域名。因为无法进行跨域名的数据加载。

0
0
分享到:
评论

相关推荐

    FusionCharts常见问题(100问)FAQ及解决方法

    当你利用FusionCharts创建图表时报错,原因是多方面的。本文总结了100个常见问题及解决方法供大家参考,希望对大家有帮助。

    利用FusionCharts 实现数据图表展示

    2. **创建图表对象**:使用JavaScript创建FusionCharts对象,并设置图表的基本属性,如类型、宽度、高度、标题、数据源等。 3. **加载数据**:数据可以是内联的JSON字符串,也可以是从服务器异步获取的。如果你选择...

    FusionCharts图表组件简单使用

    FusionCharts是一款基于Flash的图表组件,专用于创建动态、交互式的数据可视化图表。这款组件支持多种网页脚本语言,如HTML、.NET、ASP、JSP、PHP、ColdFusion等,并且可以通过XML或JSON作为数据接口来传递数据。...

    FusionCharts动态图表实现代码

    FusionCharts是一款强大的JavaScript图表库,它能够帮助开发者创建出丰富多样的互动图表,从而将复杂的数据以直观、美观的方式呈现出来。在这个“FusionCharts动态图表实现代码”压缩包中,你可能会找到一系列用于...

    FusionCharts v3图表 例题

    2. **创建图表对象**:使用JavaScript创建一个FusionCharts对象,指定图表类型、宽度、高度、数据源等属性。例如: ``` var chart = new FusionCharts("Column3D", "myChartId", "400", "300", "0", "1"); ``` 3...

    fusioncharts生成图表后导出图片

    使用`FusionCharts()`函数创建图表实例,然后调用`render()`方法将其渲染到指定的DOM元素上。 6. **图表导出**: FusionCharts提供了一个`exportChart()`方法,用于将当前图表导出为图片。你需要指定导出的格式、...

    fusionCharts是如何在网页呈现图表

    FusionCharts是一款强大的图表库,它能够帮助开发者在网页中创建出丰富多样的交互式图表。这个库通过结合Flash技术和JavaScript来实现图表的渲染和功能交互。以下将详细阐述FusionCharts在网页呈现图表的过程: 1. ...

    fusioncharts图表

    然后,通过创建图表对象并设置必要的属性(如宽度、高度、数据源等),即可生成图表。对于数据,可以静态写入XML或JSON格式,也可以动态从服务器获取。最后,通过调用render()方法,图表将在指定的HTML元素中显示...

    FusionCharts图表制作插件

    FusionCharts是一款强大的图表制作插件,专为创建生动、互动的数据可视化解决方案而设计。它支持多种图表类型,包括柱状图、曲线图、饼图和区域图等,能够满足不同场景下的数据展示需求。这款插件以其丰富的图形库、...

    fusioncharts asp.net 图表控件示例

    FusionCharts是一款强大的图表生成库,它为开发者提供了在Web应用程序中创建互动、美观的数据可视化图表的能力。在ASP.NET环境中,FusionCharts控件能够轻松地整合到.NET框架中,帮助开发者快速构建数据驱动的仪表板...

    FusionCharts 通用图表工具

    FusionCharts XT是值得信赖的图表组件,在全球有超过110个国家,19,000客户(其中包括大多数财富500强企业),40万用户选择Fusioncharts XT来制作专业的图表。 广州虹科电子科技有限公司是Fusioncharts在大中华区...

    Android上,使用FusionCharts进行图表控件封装

    在Android平台上,FusionCharts是一款强大的图表库,用于创建丰富的、交互式的图表和图形。它提供了多种图表类型,如柱状图、饼图、线图、面积图等,以帮助开发者将复杂的数据可视化,增强应用的用户体验。这篇教程...

    fusionCharts3.1图表自动导出到服务端

    实现fusionCharts3.1图表自动导出到服务端,导出在页面访问后4S后进行。 有两个javaweb工程,直接导入MyEclipse再在tomcat中部署后即可直接访问, 请确保你的fusionCharts是3.1版本的 另外还有一个文本文档,里面有...

    FusionCharts Free 图表

    4. **创建图表对象**: 使用JavaScript创建FusionCharts对象,指定图表类型、宽度、高度、数据源等属性。 5. **渲染图表**: 在HTML中指定一个div元素作为图表容器,通过调用图表对象的`render()`方法将图表渲染到该...

    FusionCharts Flash图表组件

    FusionCharts free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面甚至PPT调用。你不需要知道任何关于flash编程的知识,你只需要知道...

    FusionCharts图表工具实例学习笔记

    2. 创建图表对象:在JavaScript中创建一个图表对象,并设置图表属性,如宽度、高度、类型、数据源等。 ```javascript var chart = new FusionCharts({ type: 'column2d', renderAt: 'chartContainer', width: '...

    FusionCharts图表工具的技术参数

    FusionCharts是一套强大的图表工具,由广州虹科电子科技有限公司提供,旨在帮助用户轻松创建动态且交互丰富的图表。本文档深入探讨了FusionCharts套件的关键技术参数,涵盖其使用的底层技术、兼容性、产品版本、...

    用fusioncharts使用json格式数据展示图表

    本文将深入探讨如何利用FusionCharts结合JSON数据来创建图表。 **FusionCharts简介** FusionCharts是一款跨平台、兼容多种浏览器的图表库,支持超过90种不同类型的图表,包括柱状图、饼图、线图、地图等。它以...

    Java 实现 FusionCharts 图表导出图片或PDF文件功能实例源码

    1. **创建图表** 在Java中创建FusionCharts图表需要定义图表的类型、数据源以及各种配置参数。例如,创建一个简单的饼图: ```java FusionCharts fusionCharts = new FusionCharts("pie3d", "myFirstChart", "600...

Global site tag (gtag.js) - Google Analytics