专栏首页菩提树下的杨过Asp.Net4.0/VS2010新变化(6):内置的图表控件

Asp.Net4.0/VS2010新变化(6):内置的图表控件

.net4.0以前,要想在网页上画个饼图,那还真不是个轻松的活儿,得有点技术含量,比如:可以用System.Drawing下的那些东东,再或者用Silverlight/Flash或第三方控件

现在asp.net 4.0已经把它做成控件了

直接拖到页面就完事了,下面是示例代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApp.Default"
    EnableViewState="false" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>图表控件</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Chart ID="Chart1" runat="server">
        <Series>
            <asp:Series Name="Series1" ChartType="Pie">
                <Points>
                    <asp:DataPoint AxisLabel="IE 6.0" YValues="60.0" />
                    <asp:DataPoint AxisLabel="IE 7.0" YValues="27.1" />
                    <asp:DataPoint AxisLabel="Others" YValues="12.9" />                                    
                </Points>
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea1">
                <Area3DStyle Enable3D="true" />
                <Position Auto="true" />
            </asp:ChartArea>
        </ChartAreas>
    </asp:Chart>
    </form>
</body>
</html>

运行效果如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 如何在GridView的Footer内显示总计?

    前台: <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" OnR...

    菩提树下的杨过
  • asp.net与asp的session共享 及 asp的请求拦截

    asp.net 与 asp 的session是无法直接共享的(底层的处理dll也不一样),要想互通session,只能用变通的办法: 一、asp.net -> ...

    菩提树下的杨过
  • 用spring boot 2从零开始创建区块链

    区块链这么火的技术,大java怎能落后,所以有了本文,主要代码参考自 Learn Blockchains by Building One , 中文翻译:用Pyt...

    菩提树下的杨过
  • DC的逻辑综合与优化

    对进行时序路径、工作环境、设计规则等进行约束完成之后,DC就可以进行综合、优化时序了,DC的优化步骤将在下面进行讲解。然而,当普通模式下不能进行优化的,就需要我...

    数字芯片社区
  • 杂谈CNN:如何通过优化求解输入图像

    机器学习和优化问题 很多机器学习方法可以归结为优化问题,对于一个参数模型,比如神经网络,用 y=f(x;θ) 来表示的话,训练模型其实就是下面的参数优化问题...

    AI研习社
  • 干货 | 闲说CNN:通过优化求解输入图像

    ? 作者 | 达闻西 整理 | AI100(rgznai100) 机器学习和优化问题 很多机器学习方法可以归结为优化问题,对于一个参数模型,比如神经网络,...

    AI科技大本营
  • 暗通道算法优化雾气图像和夜间图像

    可以查看这篇文章:论文记录 - Single Image Haze Removal Using Dark Channel Prior

    caoqi95
  • java应用监控之利用cat接口性能优化

    1.用户体验差:接口访问速度慢、如果一个页面打开需要好几秒,用户可能在页面没有完全打开时,就关掉页面离开了,造成用户流失,通过性能优化,减少服务器响应时长,可提...

    用户4361942
  • 前沿 | 潘建伟团队用6个光子实现18个量子比特纠缠,再次刷新世界纪录

    据介绍,潘建伟及其同事陆朝阳、刘乃乐、汪喜林等通过调控六个光子的偏振、路径和轨道角动量三个自由度,实现了 18 个光量子比特的纠缠。该成果以「编辑推荐」的形式于...

    机器之心
  • 一个案例介绍完整的数据分析\挖掘的思路和过程

    最近有很多小密圈的朋友问我,到底数据分析是怎么做才能做到全面和深入呢?恰好,昨天也看到一个做电商的小朋友,在做电商分析的时候,所操作的基本上就是对各个数据指标建...

    沉默的白面书生

扫码关注云+社区

领取腾讯云代金券