asp.net - 鼠标悬停在 vb.net 中的弹出图表

Question

我正在寻找模拟 FINVIZ.COM 的功能，当您将鼠标悬停在一个值（在他们的情况下为 Ticker simbol）时，会弹出一个图表。

这可以在asp.net中做到吗？也许正在使用 AJAX 控件？

任何提示将不胜感激

谢谢

Answer 1

你可能想看看： http: //archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId =1591

下载演示并浏览。你会发现做你想做的事的例子。

在此处阅读更多信息：http ://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot- gt.aspx

Answer 2

我在另一个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>

我现在必须弄清楚如何将行信息链接到查询，以便显示的图表与我悬停的行相关，但这是另一个故事......