zoukankan      html  css  js  c++  java
  • 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>
    

    运行效果如下:

    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    细数ASP.NET MVC框架的7大顶级功能
    Ubuntu 10.10更新源列表
    使用iTunes将任意mp3文件转为iPhone铃声
    简单5步,在新浪微博上关联多个博客
    在windows 7 建立一个弹出光驱的快捷方式
    中国人民太伟大了!
    Ubuntu 10.10
    du 熊填数字
    WPF学习02——XAML编译
    Debugging WPF data bindings
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1679281.html
Copyright © 2011-2022 走看看