我正在尋找模擬FINVIZ.COM的功能,當你將鼠標懸停在一個值(Ticker simbol在他們的情況下)一個圖表彈出。鼠標懸停在vb.net彈出圖表
這是可能在asp.net中做到這一點嗎?也許是使用AJAX控件?
任何提示將apprecaited
感謝
我正在尋找模擬FINVIZ.COM的功能,當你將鼠標懸停在一個值(Ticker simbol在他們的情況下)一個圖表彈出。鼠標懸停在vb.net彈出圖表
這是可能在asp.net中做到這一點嗎?也許是使用AJAX控件?
任何提示將apprecaited
感謝
我設法從另一個計算器頁面的幫助做到這一點(jQuery popup div in gridview)
這裏是萬一我的代碼,例如,它可以幫助任何人:
風格
.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 GridView控件
<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>
我必須弄清楚如何,現在該行的信息鏈接到查詢,使得所顯示的圖表是有關我徘徊在列,但那是另一回事...
您提供的鏈接提供了有關如何在ASP.NET中創建圖表的基本說明。例如,我很好,我需要能夠在懸停在GridView上時彈出一個圖表。 – Selrac
@Selrac ooops我給了錯誤的鏈接。抱歉。這是正確的鏈接:http://archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=1591 – Abhitalks
再次,這是如何創建圖表的一個很好的來源,但我不認爲它正在得到我正在尋找的東西。我從圖表演示中唯一有用的部分是「向下鑽取和預覽」部分,它在懸停另一個圖表時顯示一個彈出圖表,但後面的代碼對於我想要的不是很明確:-( – Selrac