asp.net comp雷达图

<system.web>
    <httpHandlers>
      <add path="ChartImg.axd" verb="GET,HEAD,POST" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false" />
    </httpHandlers>
        <pages validateRequest="false">
   <controls>
    <add tagPrefix="asp" namespace="System.Web.UI.DataVisualization.Charting"
     assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
   </controls>
  </pages>
</system.web>
<system.webServer>
  <modules runAllManagedModulesForAllRequests="true" />
  <handlers>
   <remove name="ChartImageHandler" />
   <add name="ChartImageHandler" preCondition="integratedMode" verb="GET,HEAD,POST"
    path="ChartImg.axd" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
  </handlers>
 </system.webServer>

配置文件

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChartFirst.aspx.cs" Inherits="ChartFirst" %>
<%@ 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">
    <table>
      <tr>
    <td>
     <asp:Chart ID="Chart1" runat="server" Width="600px" Height="600px" Visible="false" BackColor="#e7f6ff">
                            <Titles>
                                <asp:Title Text="雷达图">
                                    <Position Y="95" X="50"></Position>
                                </asp:Title>
                            </Titles>
                            <Series>
                                <asp:Series Name="Series1" Color="Red" ChartArea="ChartArea1" ChartType="Radar" IsValueShownAsLabel="false"
                                    BorderWidth="2">
                                </asp:Series>
                            </Series>
                            <ChartAreas>
                                <asp:ChartArea Name="ChartArea1" AlignmentOrientation="Vertical">
                                    <AxisY LineColor="64, 64, 64, 64">
                                        <LabelStyle Font="宋体, 8.25pt" />
                                        <MajorGrid LineColor="silver" />
                                        <MajorTickMark Size="0" />
                                    </AxisY>
                                    <AxisX LineColor="64, 64, 64, 64">
                                        <LabelStyle Font="宋体, 8.25pt" />
                                    </AxisX>
                                    <Position Y="0" Height="100" Width="100" X="0"></Position>
                                </asp:ChartArea>
                            </ChartAreas>
                        </asp:Chart>
                        </td>
                        </tr>
                        </table>
                        <input id="hidSrc" name="hidSrc" type="hidden" runat="server" />
    </form>
</body>
</html>

 protected void Page_Load(object sender, EventArgs e)
        {
                    if (!Page.IsPostBack)
            {
                GetCharData();
                          }
        }
        /// <summary>
        /// 绑定雷达图
        /// </summary>
        private void GetCharData()
        {

            DataTable dt = 获取数据;
                List<实体类> list = DataTableToList<实体类>.ConvertToList(dt);
                Chart1.Visible = true;
                Chart1.Series["Series1"].Points.DataBind(list, "绑定的字段", "TempScore", "Tooltip=TempScore,Url=LinkUrl");
                Chart1.Series["Series1"]["AreaDrawingStyle"] = "Polygon";
                Chart1.Series["Series1"]["RadarDrawingStyle"] = "Line";
                if (point != 0)
                {
                    Chart1.ChartAreas["ChartArea1"].AxisY.Interval = point / 5;
                    Chart1.ChartAreas["ChartArea1"].AxisY.Maximum = point;
                    Chart1.ChartAreas["ChartArea1"].AxisY.Minimum = 0;
                }
            }
        }

后台代码

时间: 2024-08-08 09:42:46

asp.net comp雷达图的相关文章

在Excel中制作雷达图

雷达图的作用 雷达图是专门用来进行多指标体系比较分析的专业图表.从雷达图中可以看出指标的实际值与参照值的偏离程度,从而为分析者提供有益的信息.雷达图一般用于成绩展示.效果对比量化.多维数据对比等等,只要有前后2组3项以上数据均可制作雷达图,其展示效果非常直观,而且图像清晰耐看,而且通过EXCEL 2007(含)以上版本制作的雷达图非常漂亮,而且还可个性美化. 文中的雷达图只是方便以后记忆,故不详,具体细节没有截图保存,详细了解的,请自行百度

《BI那点儿事》SSRS图表和仪表——雷达图分析三国超一流谋士、统帅数据(图文并茂)

雷达图分析三国超一流谋士.统帅数据,献给广大的三国爱好者们,希望喜欢三国的朋友一起讨论,加深对传奇三国时代的了解 建立数据环境: -- 抽取三国超一流谋士TOP 10数据 DECLARE @t1 TABLE ( [姓名] NVARCHAR(255) , [统率] FLOAT , [武力] FLOAT , [智力] FLOAT , [政治] FLOAT , [魅力] FLOAT ) INSERT INTO @t1 SELECT TOP 10 [姓名] , [统率] , [武力] , [智力] ,

javascript雷达图/星形图/极坐标图Radar &amp; Polar chart介绍

Radar & Polar chart 控件为软件开发人员提供了雷达图/星形图/极坐标图,它以轴上的同一个点为起点,绘制出三个或更多的变量. 具体功能: 任意多的轴 动态或静态 简单.堆积.100%堆积的图表 网格线能转换为圆环 在轴之间进行填充 以自定义范围值填充 跨平台 导出为图像 可通过JavaScript进行控制 可直接通过HTML文件进行设置和数据交换 自定义图像和Flash(动态)背景 无限的标签 可旋转的标签 可使用预设频率重新加载数据 格式任何气球文本 Amcharts可以从简单

Excel图表-创意雷达图-原创图表

p{ font-size: 15px; } .alexrootdiv>div{ background: #eeeeee; border: 1px solid #aaa; width: 99%; padding: 5px; margin: 1em 0 1em 0; } .alextitlep{ font-size: 18px; font-weight: bold; color: red; } .alexrootdiv span{ color:blue;font-weight:bold;font-s

雷达图

该雷达图是依赖于Echarts框架的. 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <title>ECharts</title> 5 <script src="js/jquery-2.1.3.js" type="text/javascript" charset="utf-8"></scr

利用d3.js绘制雷达图

利用d3,js将数据可视化,可以做到数据与代码的分离,方便以后修改数据. 这次利用d3.js绘制了一个五维的雷达图,即将多个对象的五种属性在一张图上对比. 数据写入data.csv.数据类型写入type.csv文件. 效果如下图所示 源码连接:http://download.csdn.net/detail/svap1/7358123 使用是只需调用 radar()函数即可,如下是测试页面代码. <!DOCTYPE html> <html> <head> <meta

echarts雷达图大小自适应

结合了媒体查询 首先在css样式表中写出你希望雷达图在不同分辨率下的大小 @media screen and (max-height:780px){ .left-score-image { width: 190px; height: 135px; margin-left: 36px; margin-top: 10px; } } 其次,在js文件中加入 var scoreImage = document.getElementById('scoreImage'); var myChart = ech

WPF DevExpress 设置雷达图Radar样式

  DevExpress中定义的ChartControl很不错,很多项目直接使用这种控件. 本节讲述雷达图的样式设置 <Grid> <Grid.Resources> <DataTemplate x:Key="LabelItemDataTemplate" DataType="dxc:SeriesLabelItem"> <Border CornerRadius="8" Padding="8,1&qu

Android自定义控件 芝麻信用分雷达图

本文已授权微信公众号:鸿洋(hongyangAndroid)在微信公众号平台原创首发. 1.介绍 首先看下支付宝上芝麻信用分的效果图: 2.思路 确定雷达图中心点坐标 绘制多边形及连接线 根据维度值绘制覆盖区域 绘制分数 绘制每个维度的标题文字和图标 3.实现 获取布局的中心坐标 在onSizeChanged(int w, int h, int oldw, int oldh)方法里面,根据View的长宽,计算出雷达图的半径(这里取布局宽高最小值的四分之一,可以自定义),获取整个布局的中心坐标.