`
shencanfeng
  • 浏览: 26174 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

关于FusionCharts的简单报表柱状图

阅读更多
var FC_ColorCounter=0;
var arr_FCColors= new Array("1941A5", "7C7CB4", "FF9933", "9900FF", "99FFCC", "CCCCFF", "669900" , "AFD8F8", "F6BD0F", "8BBA00", "A66EDD", "F984A1", "CCCC00", "999999", "0099CC", "FF0000", "006F00", "0099FF", "FF66CC", "669966");
var flash="js/FCF_MSColumn3D.swf?PBarLoadingText=Loading Chart. Please Wait";
var head="<graph caption='呼叫统计柱状图' subcaption=''  xAxisName='' yAxisName='统计数' outCnvBaseFontSize='12' decimalPrecision='0' baseFontSize='12' chartTopMargin='2' chartBottomMargin='0' chartLeftMargin='10' chartRightMargin='5' bgcolor='e5e5e7' showValues='1' yaxisminvalue='0' yaxismaxvalue='5' numberPrefix='' numberSuffix='' formatNumber='0' formatNumberScale='0'>"
var test="<categories><category showName='0'/></categories>";
var end="</graph>";
var Data="";
for(var i=0;i<arraydata.length;i++){
Data+="<dataset seriesname='"+"单板号:"+arraydata[i].trunkgroupno+"' color='"+ arr_FCColors[++FC_ColorCounter % arr_FCColors.length] +"' showValue='0'><set value='"+arraydata[i].tallycount+"' showValue='0'/></dataset>";
}
var myChart = new FusionCharts(flash, "myChartId", "550", "300");
myChart.setDataXML(head+test+Data+end);
myChart.render("callchart");
分享到:
评论

相关推荐

    FusionCharts 图形报表展示

    在博客文章《FusionCharts图形报表展示》中,作者可能分享了如何使用FusionCharts创建一个简单的柱状图实例。首先,他们可能会介绍如何设置HTML结构,然后展示如何配置JavaScript代码来创建图表对象,并将数据源与...

    fusioncharts+报表工具(文档)

    2. **数据绑定**:详细解释如何将数据源与图表关联,包括如何组织数据格式、设置数据URL,以及使用不同类型的图表(如柱状图、饼图、线图等)。 3. **图表类型与特性**:介绍FusionCharts支持的各种图表类型,以及...

    FusionCharts flash报表所需完整文件

    2. **图表类型文件**:FusionCharts支持多种图表类型,如柱状图、线图、饼图等,每个类型都有对应的SWF文件,例如`Column3D.swf`, `Line.swf`等。 3. **样例和模板**:压缩包可能包含示例代码和模板,帮助开发者快速...

    FusionCharts展示报表方法的步骤及例子

    本文将详细介绍如何使用FusionCharts创建3D柱状图。 #### 二、创建图表所需的基本要素 要使用FusionCharts创建任何图表,都需要准备以下三个部分: 1. **SWF文件**:即你想要创建的图表的文件。例如,要创建一个...

    Fusioncharts 报表

    以下是对FusionCharts报表开发的一些关键知识点: 1. **图表类型**:FusionCharts支持超过90种不同类型的图表,包括线图、柱状图、饼图、仪表盘、地图等,覆盖了数据分析的各个领域,满足各种业务需求。 2. **数据...

    很好用的报表、饼形图、柱状图开源代码FusionChart

    **FusionCharts是一款强大的数据可视化工具,专为创建吸引人的报表、饼形图和柱状图而设计。作为开源代码,它为开发者提供了丰富的功能和灵活性,使得在各种项目中集成图表变得更加简单。** **一、FusionCharts的...

    fusioncharts+报表工具

    以创建一个简单的柱状图为例,介绍如何使用Fusioncharts生成图表: 1. **准备XML数据文件**:首先需要创建一个名为`data.xml`的文件,其中定义了图表所需的数据结构和样式设置。例如,可以设置图表标题、坐标轴名称...

    FusionCharts详解使用

    - **混合图(Mixed)**:结合了多种图表类型的特性,可以同时展示不同类型的数据,如折线图与柱状图结合。 - **仪表图(Meter)**:常用于监控指标的实时状态,如服务器CPU利用率等。 FusionCharts的一个显著特点是其...

    fusioncharts 多报表

    FusionCharts支持多种图表类型,包括柱状图、折线图、饼图、地图、热力图等,适用于各种数据分析和报告需求。通过在页面上同时展示多个这样的图表,用户可以对比和分析来自不同数据源的信息,从而获得更深入的洞察。...

    FusionCharts报表 图形实例

    **FusionCharts报表图形实例详解** 在现代的Web开发中,数据可视化扮演着至关重要的角色。FusionCharts是一款强大的图表库,它结合了JavaScript和Flash技术,为JAVA Web应用程序提供了丰富的图形解决方案。本实例...

    完整FusionCharts各种图形报表资源下载

    在"完整FusionCharts各种图形报表资源下载"中,我们可以找到FusionCharts支持的各种图表类型及其相关资源。 FusionCharts提供了多种图表类型,包括但不限于: 1. 折线图(Line Charts):用于展示连续性数据的变化...

    FusionCharts报表工具及例子

    这些示例会演示各种图表类型(如柱状图、饼图、线图等)、事件处理、自定义样式和数据动态加载等功能,对于初学者来说是很好的学习资源。 4. **图表类型**:FusionCharts支持众多图表类型,包括但不限于条形图、...

    免费漂亮的Flash图形报表-FusionCharts Free V2.1

    FusionCharts的核心功能在于其丰富的图表类型,包括折线图、柱状图、饼图、甘特图、散点图等,适用于各种数据分析场景。用户可以根据实际需求选择合适的图表类型,将数据库或CSV文件中的数据转换为生动的视觉表示。...

    Fusioncharts报表工具帮助.rar

    标题中的“Fusioncharts报表工具帮助.rar”表明这是一个关于如何使用FusionCharts进行报表制作的压缩包文件,内含详细教程或指南。描述提到“Fusioncharts 实现flash图标”,这可能是指早期版本的FusionCharts主要...

    FusionCharts_Evaluation报表工具

    1. **图表类型**: FusionCharts支持多种图表类型,如柱状图、折线图、饼图、散点图、热力图、甘特图等,覆盖了数据分析的各个领域。这些图表不仅视觉效果出众,还支持自定义样式和颜色,以适应不同的设计需求。 2. ...

    利用FusionCharts 实现数据图表展示

    FusionCharts支持多种图表类型,包括柱状图、饼图、线图、热力图等,能满足各种业务场景的需求。 首先,我们需要理解FusionCharts的工作原理。它基于HTML5和SVG技术,可以兼容大多数现代浏览器。FusionCharts的核心...

    fusioncharts展示报表

    【FusionCharts报表展示详解】 FusionCharts是一款强大的图表生成工具,它允许开发者通过简单的步骤创建各种美观且交互式的图表。在本篇文章中,我们将详细探讨如何利用FusionCharts展示报表,包括所需的三个主要...

    FusionCharts统计报表的详细总结

    首先,FusionCharts是一个JavaScript库,它提供了一系列丰富的图表类型,如柱状图、饼图、线图、地图等,这些图表具有高度的自定义性,可以根据业务需求进行定制。FusionCharts支持多种数据源,包括XML、JSON、CSV等...

    ruby 报表统计--生成柱状图和饼图

    总的来说,使用Ruby和FusionCharts生成柱状图和饼图是一种高效的方法,可以帮助我们直观地展示统计报表,便于理解和分析数据。通过深入学习和实践,你将能够创建出更加复杂和富有交互性的数据可视化应用。

    FusionCharts2D3D报表统计源码.rar

    在这个"**FusionCharts2D3D报表统计源码.rar**"压缩包中,您将找到一个基于FusionCharts进行二次开发的示例项目,它包括了柱状图、饼图、折线图以及地图等多种图表,用于展示销售统计信息,并且所有数据都是动态读取...

Global site tag (gtag.js) - Google Analytics