图表

FusionCharts提供了业界最全面的 Javascript图表 库，超过90种 图表类型 ，如柱状图，折线图，饼图以及一些高级图表，如漏斗图、金字塔图、Pareto图和变焦折线图等。近日，小编为大家整理了 FusionCharts 的各种 图表类型 ，从普通图表到高级图表，应有尽有，希望大家能一饱眼福。如果你对业务中所使用的图表有特殊要求，慧都也可根据你的需求进行 图表可视化定制开发！ FusionCharts柱状图&条形图效果展示 FusionCharts线形图&面积图效果 展示 FusionCharts饼图&圆环图效果 展示 FusionCharts组合图 效果展示 FusionCharts堆栈图效果 展示 FusionCharts泡泡图&XY图表效果 展示 FusionCharts Pareto图表效果 展示 FusionCharts Marimekko图表 效果展示 来源： oschina 链接： https://my.oschina.net/u/935975/blog/222958

highCharts可以说是一款知名度非常高的图表库，目前的highCharts可以支持直线图，曲线图，饼图等近18中图表 这两天也有机会接触highCharts中几款常用的图表 放图： 当然这里展示的混合是的图表开发，还有很多别的常用的图表demo 这里就不再列举了 下面简单的介绍下highCharts的使用 首先我们需要引入jQuery，当然，如果是仅仅在图表利用到jQuery的话，可以选择小一点的文件引入Highcharts Standalone Framework这个压缩后只有2k的大小 但是对于文件的引入有一点需要说明 Highchart插件中用到了jquery，当时jquery-1.8.3.js的引入顺序放到了highchart插件js的下面， 导致当加载highchart插件用到的js时，找不到jquery的js，报出某个js的函数不合法 因此 jquery的js要在引入highchart的js之前引入 对于上面的图片，我还引用到了一个主题js文件， 准备工作基本就是这些，下面说说highCharts的使用吧 highCharts具有特别的大的可定制性，这里的一张图大概就可以说明的highCharts的定制型，以及我们可以修改的地方 具体的一些修改细节，大家可以看看highCharts中文网 http://www.hcharts.cn/

这篇文章讲的是采用python生成报表的方案。 工具： python、mysql、日志文件、hightchart 应用场景： 平时工作中经常遇到一些需要统计的工作，比如门户类的网站新闻采集量、发布量、废弃量等，能够直观的显现出来，这样对于分析流量、SEO、等都非常方便。 处理流程： 分析日志 python分析日志文件,日志可以是apache、nginx的访问日志，也可以是自定义生成的日志 统计数据入库 将python分析日志得到的统计数据放到mysql库中 利用flask渲染页面 利用flask框架，生成路由和渲染图表页面 连接Mysql读取数据 图表数据从mysql库中读取,返回json对象，5分钟一条记录 highcharts 利用highcharts生成实时监控数据图表 代码在git上，地址如下： https://github.com/guyfar/python_chart 欢迎fork和star :) 来源： oschina 链接： https://my.oschina.net/u/117263/blog/694390

即将更新Eternal框架到v1.2，修改bug、添加功能更。 工程项目管理系统是应用 Eternal框架v1.2 开发管理系统，意在使 Eternal框架 可以实际应用，发现框架的bug和不足。 工程项目管理系统会随v1.2一同更新。 工程项目管理系统以实际使用为目标包含所有工程项目管理的立项、流程审批、成本管理、人员安排、跟踪、结项管理等功能强大，图表展示数据如曲线、柱图、饼图、甘特图、混合图等。系统设计突出灵活以适应人员、部门、岗位、流程、管理方式、报表多变的变化需求【系统logo为蜂鸟意在灵活】，系统多数功能为自定义如人员、部门、角色、菜单的关系；用户自定义工作流；自定义报表等。 如感兴趣，敬请关注。 以下是 工程项目管理系统 的部分截图： 登录 首页 部门管理 用户管理 角色管理 菜单管理 首页布局功能介绍 来源： oschina 链接： https://my.oschina.net/u/933274/blog/112807

虽然Chart FX 7已经用了新版本，Chart FX 8，不过，刚出来没多久，用的人毕竟是少数，就向我一样，依旧是Chart FX 7的忠实用户，今天正好用它做图表，很巧合的是也遇到了要调整图表的问题，干脆就直接按着以前看到的教程，生搬硬套了，不过最后还是的自己改下。 Chart FX 7的 Chart object 有两种不同的size属性，一个在Chart类中，另一个在ImageSettings类中。Chart object 的Width 和 Height属性是type Unit，我们可以用这些属性将容器设置为百分比的形式。ImageSettings的Width 和 Height属性都是整数型，它们代表了图表的真实大小。 在本例中，我们将用到这两个size属性。当容器调整大小时，浏览器将发送一个新图像的请求到服务器，与此同时我们会得到一个像素化的图像，这样做的目的是为了提升用户体验。我们再在临时表的顶部添加一个“loading”的gif动画。 首先，让我们看一下标记上的图表，将图表100%填充容器（用ImageSettings-TagAttributes添加一个样式），让图像可以进行大小调整（为了避免实体动画将default设置为false）和回调的处理。用TagAttributes添加一个图像标签样式，以覆盖图表的样式。所以我们需要确保能准确的移除它的边框和位置。示例代码

本文为你讲解如何用VS下的.NET图表控件Chart FX 7创建多行标签。通常，添加多行标签可以在标签文本上添加换行符 ("\n")，但这样你必须为step属性指定一个值，而Chart FX 7图表则会自动选择一个step，而无需再添加换行符。 Chart FX 7创建多行标签源代码： Chart1.Data.Series = 2; Chart1.Data.Points = 3; Chart1.AxisX.Labels[0] = "line one\n line two\n line three\n line four"; Chart1.AxisX.Labels[1] = "line one\n line two\n line three\n line four"; Chart1.AxisX.Labels[2] = "line one\n line two\n line three\n line four"; Chart1.PlotAreaMargin.Bottom = 300; Chart1.AxisX.Step = 1; Chart1.AxisX.Style = Chart1.AxisX.Style | AxisStyles.NotClipped; 效果图： 来源： oschina 链接： https://my.oschina.net/u/1254919/blog

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在一些特殊的报表中我们添加了图表元素,但是分类轴与系列值一般情况下都是固定的. 那么，有没有什么方法可以根据情况变更分类轴与系列值？方法如下： 所用报表开发工具：FineReport 用的是系统数据库FRdemo，例图如下： 1.直接显示的效果 2.点击产品类别家电下面电视后的效果 3. 点击产品类别数据产品下面数码相机后的效果 4.点击省区类别数据销售员名称后的效果 具体实现步骤如下： 1.定义数据集ds1和ds2 代码如下: ds1:SELECT * FROM [SALES_BASIC] ds2: SELECT ${横轴} as 横轴, ${系列} as 系列, ${值} as 值 FROM [SALES_BASIC] where 1=1 ${if(len(diqu)=0, "", "and 地区 = '"+ diqu + "'")} ${if(len(xiaoshouyuan)=0, "", "and 销售员 ='" + xiaoshouyuan + "'")} ${if(len(chanpinleixing)=0, "", "and 产品类型 = '" + chanpinleixing + "'")} ${if(len(chanpin)=0, "", "and 产品 ='" + chanpin + "'

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1.AnyChart控件相关 显示效果 2.AnyChart的简单原理 AnyChart是一个Flash做的控件，原理图在安装了AnyChart后的说明文档里面有，这里贴一下 其实很好理解，就是想办法生成一个符合AnyChart解析的XML数据源，通过JavaScript绑定给报表文件（SWF） 3.在.Net中使用AnyChart 知道了原理，就好办了。新建了一个项目 项目结构如下： js，swf两个文件夹内的文件是试用版提供的，可以查看说明文档。在安装目录/anychart/help/docs/SimpleChart.html这一页的底部，有一个Open Folder With Sample的链接，打开就能找到这几个文件。而xml文件夹是我自己建的，用于存放数据源。 界面： 因为只是做一个小例子，界面上我只放了2个按钮，随意的给了个左对齐： <div style="text-align:left;"> <asp:Button ID="barChart" runat="server" Text="柱状图" OnClick="barChart_Click" /> <asp:Button ID="lineChart" runat="server" Text="曲线图" OnClick="lineChart

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在上文 《在.Net开发中使用AnyChart的简单例子（上）》 中我分析了AnyChart所需要的XML数据格式，这里就说说实现。 获取了DataSet后，我通过下面的简单算法写出需要的XML格式。 /// <summary> /// 创建出XML文件 /// </summary> /// <param name="SeriesTypeNode">图表类型</param> private void CreateXml(string SeriesTypeNode) { string CheckBuildingId = null; DataSet ds = new DataSet(); ds = GetDataSet(); XmlDocument XMLDoc = new XmlDocument(); XMLDoc.Load(Server.MapPath(@"/xml/anychart_try.xml")); //处理图表类型 XmlNode seriesTypeNode = XMLDoc.SelectSingleNode(@"/anychart/charts/chart/data_plot_settings"); XmlElement chartSeriesTypeNode = (XmlElement

大多数开发人员在使用TeeChart进行开发的时候，都需要访问包含在文本文档中的一些数据，本次教程将详细讲解如何去实现这一步骤。 文本文件通常包含使用空格键或者是TAB键分隔开的数字和文字： TeeChart官方最新版免费下载地址 比如下面的文本，包含两个字段，使用空格作为字段分隔： 0.1 24 0.5 143 0.2 321 0.1 100 从一个文本文件读取数据(如果列分隔符是正确的)，开发者可以使用TSeriesTextSource组件，可以根据自身的数据设置ileName、Fields和FieldSeparator属性。然后只需通过设置TSeriesTextSource.Series或Series.DataSource属性将系列文本源组件连接到一个图表系列。 1 创建一个新的应用程序。 (File->New->Application) 2 从"Additional"面板选项卡中拖放TChart组件。 3 双击Chart1组件显示TeeChart编辑对话框。(或右键单击Chart1并单击"Edit...") 4 单击"Add..." 按钮,选择"Line"系列风格,单击OK按钮。(或双击"Line"图表) 5 关闭编辑器对话框(或按Esc键关闭它)。 6 找到“TeeChart”组件面板选项卡并拖放SeriesTextSource组件。 7