Devexpress web图表 柱状图 竖排

 1  var lookup = list.ToLookup(x => x.FULLNAME);
 2             if (lookup.Count > 0)
 3             {
 4                 webChartControl.Height = new Unit(lookup.Count * 200);
 5             }
 6             XYDiagram diagram = (XYDiagram)webChartControl.Diagram;
 7             diagram.DefaultPane.Visible = false;
 8             int i = 0;
 9             foreach (var item in lookup)
10             {
11                 var pane = new XYDiagramPane();
12                 diagram.Panes.Add(pane);
13                 var temp = webChartControl.Series[0].Clone() as Series;
14
15                 var view = temp.View as SideBySideBarSeriesView;
16
17                 view.Pane = pane;
18                 var sums = from l in item group l by l.SPENT_ON into g select new { SPENT_ON = g.Key, HOURS = g.Sum(x => x.HOURS) };
19                 temp.DataSource = sums;
20                 temp.LegendText = item.Key;
21                 webChartControl.Series.Add(temp);
22
23             }
时间: 2025-01-31 03:55:16

Devexpress web图表 柱状图 竖排的相关文章

9 个基于JavaScript 和 CSS 的 Web 图表框架

COMSHARP CMS 写道:jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash技术实现.本文介绍了9个优秀的基于 JavaScript 与 CSS  的 Web 图表框架. 1. Flot Flot是一个纯粹的 jQuery JavaScript绘图库,可以在客户端即时生成图形,

web多终端开发学习系列(四)--- web图表插件

对于数据的显示除了可以用表格外,还可以使用图表来更好.更直观地表达数据,比如数据的趋势可以用折线图,数据的比例可以用饼图等等.所以在web的开发过程中图表的应用非常广泛,对于图表的js框架我找到了Chart.js和Highcharts.Chart支持响应式布局,而Highcharts不支持,但是Highcharts的功能更全面. 介绍 Chart.js的官网是:http://www.bootcss.com/p/chart.js/,Chart.js不依赖于第三方类库,只需导入Chart.js即可.

利用Highcharts制作web图表学习(一)

前言:最近项目中需要对数据进行汇总和分析得出柱状图或曲线图这样散装点图,经过学习和测试发现Highchart不错,如果大家项目中需要的话,不妨看看有的例子摘自官网 一.先说说HighCharts的主要特性包括: 1.兼容性:HighCharts采用纯JavaScript编写,兼容当今大部分的浏览器,包括Safari.IE和火狐等等: 2.图表类型:HighCharts支持图表类型,包括曲线图.区域图.柱状图.饼状图.散状点图和综合图表等等,可以满足各种需求. 3.不受语言约束:HighChart

【转载】使用JFreeChart实现基于Web的柱状图

JFreeChart是一组功能强大.灵活易用的 Java绘图 API,使用它可以生成多种通用性的报表,包括柱状图.饼图.曲线图等.它能够用在 Swing和 Web等中制作自定义的图表或报表,并且得到广泛的应用.本文将通过引领读者学习在JFreeChart中 柱状图 . 饼图 和曲线图的进阶应用,来达到熟练使用 JFreeChart的目的. 一. 下载与环境配置 1. 下载 JFreeChart JFreeChart是开放源代码的免费软件.可以到其官方网站http://sourceforge.ne

利用Highcharts制作web图表学习(二)

最近中海油的项目需要用到图表展示数据,最近还是一直边学习边开发,今天做了一个展示,炼化厂加热炉效率展示的柱状图,把代码贴出来,大家指点一下互相学习,我是通过数组给Highcharts绑定的值,感觉这样做有点麻烦而且不灵活,大家有比较好的建议可以帮我看下,我引用了三个js,可以把本地的js注释掉用这些 <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js&quo

使用SQL语句生成 web图表

简单学了下nodejs web开发框架express,以及一些相关的技术- 关于express的部分主要参考:Node.js开发框架Express4.x.Node.js + Express 构建网站简单示例 需要注意的是,express 4.x 构建器独立成了一个模块,如果要使用系统中的express命令,就必须安装独立的generator: npm install -g express express-generator bower supervisor express -e bower-ex

DevExpress中ChartControl柱状图(Bar)用法

我的数据 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 chartControl1.Series.Clear();   // 柱状图里的第一个柱 Series Series1 = new Series("当年数据", ViewType.Bar); Series1.DataSource = data; Series1.ArgumentScaleType = ScaleType.Qualitative;

[DevExpress]ChartControl之柱状图演示

关键代码: using System; using System.Data; using System.Windows.Forms; using CSharpUtilHelpV2; using DevExpress.XtraCharts; namespace DevExpressChart { public partial class winProduct : Form { public winProduct() { InitializeComponent(); } static readonl

[笔记]学习HighCharts的使用(不错的web图表插件)

最近有一个小项目需要用到折线图.到处请教了一下,有人给我推荐了highcharts.感觉还不错,就稍微学习下.这里记录一下学习的过程. 网上相关的内容还不少,我就说一下我学习的内容. 看的第一篇文章<HighCharts入门>,正如它的名字一样,很好的讲解了各种参数以及使用步骤1234. 看的第二篇文章<HighCharts使用指南>,有一个很不错的结合后端读取数据实时更新图表的例子.但是有一点,用push添加数据我始终没有成功过……所以我有在网路上搜索了一番,解答终于让我在<