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页面（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>

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

鼠标悬停在vb.net上的弹出图表

2 个答案: