<%@ 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
MSchart超详细使用说明与示例代码
需积分: 5 187 浏览量
2023-06-07
15:11:32
上传
评论
收藏 4.3MB ZIP 举报
MSchart超详细使用说明与示例代码 （1289个子文件） 
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 annotationappearance.aspx 7KB 3dperspectives.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共 1289 条
- 1
- 2
- 3
- 4
- 5
- 6
- 13
资源评论
