最近接了一项工作任务,要用图表对公司数据做一些统计,于是上网查找下有哪些控件可以使用,最后找了一款叫dhtmlxChart的控件,还是挺好用的。先贴一下最后的效果:
控件html代码:
<div id="chartbox" style="width:550px;height:400px;border:1px solid #c0c0c0;"></div>
javascript代码:
function doOnLoad() { myPieChart = new dhtmlXChart({ view:"pie", container:"chartbox", value:"#number#", labelOffset:-5, label:function(obj){ var sum = myPieChart.sum("#number#"); var text = Math.round(parseFloat(obj.number)/sum*100)+"%"; return "<div class='percent' style='border:1px solid "+obj.color+"'>"+text+"</div>"; }, color:"#color#", pieInnerText:"#number#次", legend:{ width: 105, align:"right", valign:"middle", template:"#logintype#" } }); myPieChart.parse(msg,"json"); }
控件显示原理是通过javascript函数初始化页面中的div元素,显示数据的内容通过加载指定的json变量的值来确定。下面解释一下初始化时主要变量的含义,
view : 确定显示图表的类型,pie 饼状图 bar 柱形图 line折线表
container:页面中需要初始化的div 元素id
value : 指定图表控件需统计数据的json变量中键名称
label : 计算每个色块显示百分比的方式
color : 每个色块显示的颜色,对应json变量中键名称
pieInnerText:每个色块中显示的内容
legend:图表中解释每个色块含义的方式
parse : 图表控件指定解析的json变量名
json变量的格式:
[
{ number:"36", logintype:"电脑", color: "#ee3639" },
{ sales:"47", logintype:"手机APP", color: "#ee9e36" },
{ sales:"55", logintype:"微信公众号", color: "#eeea36" }
]
最后只需要后台服务器传出相应的json变量给页面就行了。
dhtmlxChart控件:
相关推荐
在“王姐-图表显示控件”的压缩包中,可能包含了一系列的示例代码、教程文档或演示应用程序,帮助开发者了解如何使用这个控件,如何配置和定制图表样式,以及如何实现数据导出到Excel的操作。通过学习这些内容,...
如果文件包含示例代码,通过学习和理解这些代码,你可以快速上手并开始在自己的项目中使用这个强大的图表控件。 总的来说,这个VB6.0图表控件提供了丰富的图表样式和动态交互特性,是数据可视化的有力工具。通过...
数据图表统计控件-时光若刻整理.rplib
本项目名为“C#统计图表控件”,其核心就是创建一个自定义的图表控件,用于在应用程序中展示统计信息。 这个控件是基于PictureBox控件进行扩展的,PictureBox通常是用来显示图片的控件,但在本项目中,它被用作基础...
### 微软图表控件MsChart使用初探 #### 知识点概览: 1. **微软图表控件MsChart的介绍与应用** - MsChart作为微软提供的一款功能强大的图表绘制工具,适用于.NET Framework 3.5环境,能够满足各种图形统计和报表...
使用.NET图表控件时,开发者需要注意以下几点: - 数据源绑定:图表控件需要与数据源进行绑定,这可能是数据库、数组或者任何可以提供数据的对象。 - 图表类型选择:根据数据特性和需求选择合适的图表类型,如折线图...
例如,"SilverlightTest"可能包含了使用Visifire在Silverlight应用程序中创建动态统计图表的实例。 Visifire还强调性能优化,即使处理大数据集也能保持流畅的用户体验。它支持实时更新,这意味着图表可以在数据...
在本话题中,我们将聚焦于使用HTML5来制作曲线柱形统计图表的控件。这些控件对于数据可视化至关重要,它们能够帮助用户更好地理解大量复杂的数据。 在HTML5中,我们通常不直接编写图形代码,而是借助一些库或框架来...
支持自定义功能的VC++图表控件及使用例子源码,图表在编程中应用广泛,可以直观的显示统计数据,提升软件使用体验,希望通过本图表控件,帮助朋友们学会在VC++中使用图表控件。压缩包内包括控件源码和例子程序的源...
微软图表控件:安装 控件的安装相对比较简单,下载完后,先执行“MSChart.exe”程序,它会自动检测你的环境,安装到系统目录中去,如果要在VS 2008环境中直接使用,那么需要安装For Vs2008的插件,MSChart_...
在VB(Visual Basic)编程中,使用图表控件是非常常见的一种需求,用于数据可视化和信息展示。本资源提供了一个高效且易用的第三方VB图表控件,它可以帮助开发者轻松地在应用程序中集成各种类型的图表,如柱状图、...
通过这些资源,开发者可以有效地利用这个图表控件来提高他们的应用性能,创建出符合用户需求的、具有吸引力的数据可视化界面,无论是简单的业务报表还是复杂的统计分析,都能得心应手。同时,国际化支持使得应用可以...
本示例是关于如何使用C#的Chart控件来生成图表的一个演示项目,主要涉及到以下几个关键知识点: 1. **Chart控件介绍**:Chart控件是.NET Framework的一部分,它提供了丰富的图表类型和自定义选项,可以满足大多数...
Visifire图表控件是一款强大的数据可视化工具,广泛应用于各种应用程序和网站中,以创建吸引人的、交互式的图表。Visifire是开源的,这意味着它可供开发者免费使用,并且可以根据项目需求进行定制。这款控件支持多种...
一种是使用内置的CStatic控件,通过自绘实现简单的图表。另一种更常见的方式是使用第三方控件,如ATL/COM的ActiveX控件,如MSChart或DevExpress的VizLibrary等,它们提供了丰富的图表类型和定制选项。 3. **使用...
OWC控件在ASP.NET中的使用,可以为开发者提供一种方便的方式来创建交互式的统计图表,无需依赖复杂的JavaScript库或者第三方插件。以下将详细介绍如何利用OWC控件在ASP.NET中实现统计图表的代码实践。 首先,需要在...
在DELPHI编程环境中,开发人员常常需要将数据可视化,以更直观地展示信息,而Google...通过理解和熟练掌握TBGWebCharts组件的使用,你可以在你的DELPHI项目中实现各种复杂的统计图表,提升用户体验并增强数据解释能力。
"WebChart"可能是一个示例项目或者一个自定义的图表控件,它展示了如何在ASP.NET环境中使用图表功能。这个项目可能包含了HTML、CSS、JavaScript以及C#或VB.NET的后端代码。开发者可以通过查看这个项目的源码来学习...
在Delphi编程环境中,DBChart控件是一种强大的图表绘制工具,它允许开发者创建各种复杂的图表类型,如折线图、柱状图、饼图、散点图等,以直观地展示数据库中的数据。DBChart控件与Delphi的VCL(Visual Component ...