使用shieldUI Chart控件在ASP.NET和MVC应用程序中创建一个销售仪表板

本文中,我们将处理一个常见的数据可视化任务,即创建一个销售仪表板 (dashboard)。在商业演示中经常会使用销售仪表板来展现某个商业流程或商业 目标的关键绩效指标,而完成这样一个演示的关键不仅在于对数据进行良好的可 视化展示,还要有赏心悦目的外观。为了完成这一任务,我会使用相关的图表组 件,它提供了全部的所需功能。这个示例中将使用ShieldUI中的图表组件,这一 系列产品可以从网站的免费下载。

完成后的展示请见下图:

本示例将使用ASP.NET与MVC两种方式讲解。

使用代码

ASP.NET版本

我首先建立一个Visual Studio的web项目,这个web应用包含一个单独的.aspx 文件,其中包含了相关的控件。第二步则是将图表组件所在的.dll文件加入当前 项目:

将组件所在的.dll文件加入项目之后,我们还需要在项目中引用它。可以直接 在.aspx页面中完成,请见下面的示例:

<%@ Register Assembly="Shield.Web.UI"
     Namespace="Shield.Web.UI" TagPrefix="shield" 

%>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索文件
, net chart
, 项目
, chart控件
, 图表
, 组件
, 一个
, asp.net图表控件
, 示例
仪表程序
,以便于您获取更多的相关知识。

时间: 2025-01-02 09:09:08

使用shieldUI Chart控件在ASP.NET和MVC应用程序中创建一个销售仪表板的相关文章

图-asp.net使用chart控件发布后页面报错

问题描述 asp.net使用chart控件发布后页面报错 页面错误提示如下图所示 请问各位有没有什么解决方法

对象-table模板里放个chart控件,然后放在repeater控件里,请问如何绑定chart?

问题描述 table模板里放个chart控件,然后放在repeater控件里,请问如何绑定chart? protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e) { System.Web.UI.DataVisualization.Charting.Chart ct = (System.Web.UI.DataVisualization.Charting.Chart)e.Item.FindContro

微软的Chart控件的用法-折线图

微软的Chart控件的用法-折线图Aspx页面代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Market.aspx.cs" Inherits="AdminUser_Market" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"&g

ASPX中的用户控件与ASP中的INCLUDE方法对比

include|控件     在ASP的年代里,为了避免经常性重复的劳动,对一些功能相似的区域或者代码,经常作成一个文件,然后通过连接(直接连接或者虚拟连接)的方法引入到ASP网页文件之中,对于一个很大的引用了很多ASP文件就相当于一个文件被分成了很多块,彼此文件之间的数据是可以自由共享的(除了函数之中的数据).    ASPX的用户控件就与INCLUDE有很大的不同了,它的最大特点就是在于他是以包装好的对象的形式呈现,通过我们的编程,可以将一个公用的事例抽象出来,将一些功能和方法总结出来,作成

关于chart控件的困惑

问题描述 在chart控件中,鼠标移到某一点可以显示出除XY轴坐标外的其他数据么?等于是通过这个点在数据库中查到该条信息的剩余信息,然后tooltip显示出来,能实现么? 解决方案 解决方案二:privatevoidchart1_MouseMove(objectsender,MouseEventArgse){//这是鼠标所在控件的坐标,你可以和你的坐标系统进行换算//e.X.ToString();//e.Y.ToString();} 试试解决方案三:当然可以了,chart生成的每个坐标注册onm

100个chart控件实时绘图时,单击单个chart控件显示每个chart控件的放大曲线时总是滞后

问题描述 100个chart控件实时绘图时,单击单个chart控件显示每个chart控件的放大曲线时总是滞后 我有100个chart控件组成的数据采集界面,一段时间要对这100个单独的chart控件进行数据绘图,单独点击某一个chart控件还能看到每一个chart控件的放大曲线图,遇到的问题就是:恰好在对100个chart控件同时进行绘图时,此时单击任何一个chart控件都会卡住,只到100个chart的绘图过程结束,单个chart的放大界面曲线才能看到,有什么办法能让这两个过程互不影响吗?线程

chart控件-如何把CHART控件坐标轴设置成十字型?

问题描述 如何把CHART控件坐标轴设置成十字型? 微软的Chart图形控件功能强大,但其X坐标轴在图形的底部或顶部,而Y坐标轴在左边或右边,能否把XY坐标轴设置成十字型?即X坐标轴在图形的中部,Y坐标轴也是,如何做到这个?本人邮箱:taobs@sina.com,谢谢!

C# Chart控件 散点图类型 改变点的大小

问题描述 请问大神们~C#的chart控件中的散点图类型如何改变点的大小啊??本人初学~求解答~谢谢~ 解决方案 解决方案二:this.chart1.Series["........"].ChartType=SeriesChartType.Point;this.chart1.Series["........"].MarkerSize=你想多大?解决方案三:一个chart可以有多个series,一个series是一个图形,可以用代码直接管理它的MarkerSize属性

chart控件,X轴刻度值,小数位数如何控制?

问题描述 如图,我用chart控件生成的散点图,X轴的坐标,无论怎么设置都显示到了小数后很多位.我想控制在小数后一位,请大家指教:) 解决方案 解决方案二:X轴的坐标的数据从数据库读取时就做格式化控制,解决方案三:我的X,Y轴的数据都是double,都没有做格式化控制处理.但是Y轴的坐标小数位数只有一位?X轴如何控制可以和Y轴一样?解决方案四:处理一下Math.Round(yourDouble,1).ToString()解决方案五:为什么Y轴不做处理也可以实现呢?解决方案六:例如,第一点的坐标是