<%@ Page language="c#" Inherits="System.Web.UI.DataVisualization.Charting.Samples.ImageMapCustomTooltip" CodeFile="ImageMapCustomTooltip.aspx.cs" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>ImageMapCustomTooltip</title>
<link media="all" href="../../../samples.css" type="text/css" rel="stylesheet"/>
<style>
.FadingTooltip { BORDER-RIGHT: darkgray 1px outset; BORDER-TOP: darkgray 1px outset; FONT-SIZE: 12pt; BORDER-LEFT: darkgray 1px outset; WIDTH: auto; COLOR: black; BORDER-BOTTOM: darkgray 1px outset; HEIGHT: auto; BACKGROUND-COLOR: lemonchiffon; margins: "3,3,3,3"; paddings: "3,3,3,3"; borderbottomwidths: "3,3,3,3" }
</style>
</head>
<body>
<form method="post" runat="server">
<p class="dscr">This sample demonstrates fading tooltips, which are created by
handling the MouseOver and MouseOut events.</p>
<table class="sampleTable">
<tr>
<td class="tdchart">
<asp:Chart ID="Chart1" runat="server" Height="296px" Width="500px" ImageUrl="~/TempImages/ChartPic_#SEQ(300,3)"
ImageType="Png" BackColor="#F3DFC1" borderlinestyle="Solid" BackGradientStyle="TopBottom"
BorderlineWidth="2" BorderlineColor="181, 64, 1">
<Titles>
<asp:Title ShadowColor="32, 0, 0, 0" Font="Trebuchet MS, 14.25pt, style=Bold" ShadowOffset="3"
Text="Olympic Medals" ForeColor="26, 59, 105">
</asp:Title>
</Titles>
<Legends>
<asp:Legend IsTextAutoFit="False" Name="Default" BackColor="Transparent" Font="Trebuchet MS, 8.25pt, style=Bold">
<Position Y="21" Height="22" Width="20" X="73"></Position>
</asp:Legend>
</Legends>
<BorderSkin SkinStyle="Emboss"></BorderSkin>
<Series>
<asp:Series Name="Gold" BorderColor="180, 26, 59, 105">
<Points>
<asp:DataPoint AxisLabel="CountryA" YValues="12"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryB" YValues="10"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryC" YValues="11"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryD" YValues="6"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryE" YValues="6"></asp:DataPoint>
</Points>
</asp:Series>
<asp:Series Name="Silver" BorderColor="180, 26, 59, 105">
<Points>
<asp:DataPoint AxisLabel="CountryA" YValues="16"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryB" YValues="13"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryC" YValues="7"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryD" YValues="3"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryE" YValues="6"></asp:DataPoint>
</Points>
</asp:Series>
<asp:Series Name="Bronze" BorderColor="180, 26, 59, 105">
<Points>
<asp:DataPoint AxisLabel="CountryA" YValues="7"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryB" YValues="11"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryC" YValues="6"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryD" YValues="8"></asp:DataPoint>
<asp:DataPoint AxisLabel="CountryE" YValues="4"></asp:DataPoint>
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="Default" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid"
BackSecondaryColor="White" BackColor="OldLace" ShadowColor="Transparent" BackGradientStyle="TopBottom">
<AxisY LineColor="64, 64, 64, 64" IsLabelAutoFit="False">
<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold"></LabelStyle>
<MajorGrid LineColor="64, 64, 64, 64"></MajorGrid>
</AxisY>
<AxisX LineColor="64, 64, 64, 64" IsLabelAutoFit="False">
<LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold"></LabelStyle>
<MajorGrid LineColor="64, 64, 64, 64"></MajorGrid>
</AxisX>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
</td>
<td valign="top">
<table class="controls" cellpadding="4">
<tr>
<td class="label">
<asp:label id="Label1" runat="server">Tooltip content:</asp:label></td>
<td>
<asp:dropdownlist id="ContentList" runat="server" Width="130px" AutoPostBack="True" onselectedindexchanged="ContentList_SelectedIndexChanged">
<asp:listitem Value="flag" Selected="True">Country Flag</asp:listitem>
<asp:listitem Value="chart">Statistics Chart</asp:listitem>
<asp:listitem Value="#VAL #SER medals">Medals</asp:listitem>
</asp:dropdownlist></td>
</tr>
</table>
</td>
</tr>
</table>
<p class="dscr">A country flag image, binary streamed chart or text can be shown in
the tooltip. Move the mouse pointer over the series bars or legend items
to see the tooltips.</p>
<style>.FadingTooltip { BORDER-RIGHT: darkgray 1px outset; BORDER-TOP: darkgray 1px outset; FONT-SIZE: 12pt; BORDER-LEFT: darkgray 1px outset; WIDTH: auto; COLOR: black; BORDER-BOTTOM: darkgray 1px outset; HEIGHT: auto; BACKGROUND-COLOR: lemonchiffon; MARGIN: 3px 3px 3px 3px; padding: 3px 3px 3px 3px; borderBottomWidth: 3px 3px 3px 3px }
</style>
<div class="FadingTooltip" id="FADINGTOOLTIP" style="Z-INDEX: 999; VISIBILITY: hidden; POSITION: absolute"></div>
<script language="javascript">
var FADINGTOOLTIP
var wnd_height, wnd_width;
var tooltip_height, tooltip_width;
var tooltip_shown=false;
var transparency = 100;
var timer_id = 1;
var tooltiptext;
// override events
window.onload = WindowLoading;
window.onresize = UpdateWindowSize;
document.onmousemove = AdjustToolTipPosition;
function DisplayTooltip(tooltip_text)
{
FADINGTOOLTIP.innerHTML = tooltip_text;
tooltip_shown = (tooltip_text != "")? true : false;
if(tooltip_text != "")
{
// Get tooltip window height
tooltip_height=(FADINGTOOLTIP.style.pixelHeight)? FADINGTOOLTIP.style.pixelHeight : FADINGTOOLTIP.offsetHeight;
transparency=0;
ToolTipFading();
}
else
{
clearTimeout(timer_id);
FADINGTOOLTIP.style.visibility="hidden";
}
}
function AdjustToolTipPosition(e)
{
if(tooltip_shown)
{
// Depending on IE/Firefox, find out what object to use to find mouse position
Chart各种图形实例
4星 · 超过85%的资源 需积分: 16 7 浏览量
2012-07-23
22:27:36
上传
评论
收藏 12.29MB RAR 举报 
Chart各种图形实例 （1281个子文件） 
Global.asax 946B legendcells.aspx 43KB movingaverages.aspx 11KB usinglabels.aspx 11KB legendappearance.aspx 10KB appearance.aspx 10KB AxisVariableIntervals.aspx 10KB zorder.aspx 9KB retrievingassigningdates.aspx 9KB imagemapcustomtooltip.aspx 9KB seriesappearance.aspx 9KB gridlinesandtickmarks.aspx 9KB Palettes.aspx 8KB charttitle.aspx 8KB striplines.aspx 8KB chartappearance.aspx 8KB legendtitle.aspx 8KB axistitle.aspx 8KB ClickSample.aspx 8KB legendcellspan.aspx 8KB striplinestitle.aspx 8KB multiplelegends.aspx 7KB labelstextstyle.aspx 7KB ttest.aspx 7KB emptypointsappearance.aspx 7KB anova.aspx 7KB ClickEvent.aspx 7KB legendstyleandposition.aspx 7KB barcolumn3d.aspx 7KB 3dperspectives.aspx 7KB annotationappearance.aspx 7KB usingmarkers.aspx 7KB ftest.aspx 7KB borders.aspx 7KB pointwidthanddepth.aspx 7KB chartareaposition.aspx 7KB appearance.aspx 7KB pyramidchart.aspx 7KB distributions.aspx 6KB piecollected.aspx 6KB funnelchart.aspx 6KB volumeindicators.aspx 6KB filteryvaluesrange.aspx 6KB scalebreaks.aspx 6KB bubblechart.aspx 6KB annotationanchoring.aspx 6KB smartlabels.aspx 6KB multipletitles.aspx 6KB usinggaps3d.aspx 6KB ChartAsTrigger.aspx 6KB imagemaptooltipsformating.aspx 6KB datatablecustompainting.aspx 6KB legendcustomizedefault.aspx 6KB filterdaterange.aspx 6KB filtertopn.aspx 6KB technicalpriceindicators.aspx 6KB descriptivestatistics.aspx 6KB cylinder3d.aspx 6KB filterwithcustomcriteria.aspx 6KB boxplotchart.aspx 6KB titlecustomposition.aspx 6KB crossingandreverse.aspx 6KB legendfont.aspx 6KB groupingformulas.aspx 6KB legendcellcolumns.aspx 6KB antialiasingsample.aspx 6KB striplinesoffset.aspx 6KB tooltipdrilldown.aspx 6KB logarithmicscale.aspx 6KB seriesandchartareas.aspx 6KB multilinelabels.aspx 6KB labelsformatting.aspx 5KB areachart3d.aspx 5KB legendcustomposition.aspx 5KB axislabelsinterval.aspx 5KB forecasting.aspx 5KB pie3d.aspx 5KB combinatorialchart.aspx 5KB serstatemanagement.aspx 5KB annotationstyles.aspx 5KB axisscale.aspx 5KB histogram.aspx 5KB errorbarchart.aspx 5KB barcolumnchart.aspx 5KB seriesaxis.aspx 5KB chartarea3d.aspx 5KB groupingstockdata.aspx 5KB multiybubble.aspx 5KB polarchart.aspx 5KB SelectingChartTypes.aspx 5KB annotationsmartlabels.aspx 5KB rangecolumnchart.aspx 5KB seriesalignment.aspx 5KB financialchart.aspx 5KB annotationpositioning.aspx 5KB hidingseries.aspx 5KB autofitaxeslabels.aspx 5KB insertingemptypoints.aspx 5KB multiplelegendswithcheckbox.aspx 5KB preandpostpaintevent.aspx 5KB共 1281 条
- 1
- 2
- 3
- 4
- 5
- 6
- 13
资源评论
晓贺的专栏2014-08-11挺好, 但还是不够强大. 不过已经不错了！- XIXI_AA2015-09-15还不错，很好的实例教程。
samwang12013-02-03资源很好，很好用- JAY3811411192012-12-25还行，不过不是我要的
anti_sun2012-11-30我晕。。。不知道怎么用。。。。
yuanchaodejun
- 粉丝: 0
- 资源: 3
最新资源
- 操作简单的Mongodb网页web管理工具,基于Spring Boot2.0支持mongodb集群.zip
- tms-mongodb-web,提供访问mongodb数据的REST API和可灵活扩展的mongodb web 客户端.zip
- SpringBoot整合mongodb学习MongoTemplate和MongoRepository两种方式CRUD使用.zip
- SpringBoot整合MongoDB实现对数据库的CRUD小demo.zip
- Python操作MongoDB数据库的基本一些操作 .zip
- NOSQL数据库监控工具，目前实现了对Redis、MongoDB的监控功能 .zip
- mongoDB数据库的增删改查，以及所需要的配置.zip
- mongodb数据库idea测试.zip
- koa 分别 连接 mysql、mongodb数据库操作.zip
- 基于pytorch实现的人体部件分割源码+模型.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
