我正在寻找模拟 FINVIZ.COM 的功能,当您将鼠标悬停在一个值(在他们的情况下为 Ticker simbol)时,会弹出一个图表。
这可以在asp.net中做到吗?也许正在使用 AJAX 控件?
任何提示将不胜感激
谢谢
你可能想看看: http: //archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId =1591
下载演示并浏览。你会发现做你想做的事的例子。
我在另一个stackoverflow页面( gridview中的jQuery popup div)的帮助下设法做到了
这是我的代码示例,以防它帮助任何人:
风格
.HoverDesc{
Position:relative;
}
.HoverDesc Strong{
display:block;
line-height:20px;
white-space:nowrap;
cursor:pointer;
}
.HoverDesc p{
z-index:5;
display:none;
padding:10px;
margin:0;
background:#ccc;
position:absolute;
top:20px;
left:0;
}
jQuery 包含
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
jQuery(document).ready(function ($) {
$('.HoverDesc').hover(function () {
$(this).find('p').show(200);
}, function () {
$(this).find('p').hide(100);
});
});
</script>
ASPX 网格视图
<asp:GridView ID="Table0" runat="server" AutoGenerateColumns="False" DataSourceID="SQL">
<Columns>
<asp:BoundField DataField="name" HeaderText="Group" SortExpression="name" />
<asp:BoundField DataField="ASL" HeaderText="SL" ReadOnly="True" />
<asp:TemplateField>
<ItemTemplate>
<div class="HoverDesc">
<asp:Image ID="Image5" runat="server" Height="20px" src="Images/Icons/iGreen.png" />
<p>
<asp:Chart ID="Chart2" runat="server" DataSourceID="SqlDataSource1" Height="141px">
<Series>
<asp:Series ChartType="Line" Name="Series1" XValueMember="date" YValueMembers="Value">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1"></asp:ChartArea>
</ChartAreas>
</asp:Chart>
</p>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
我现在必须弄清楚如何将行信息链接到查询,以便显示的图表与我悬停的行相关,但这是另一个故事......