如何在C# Web应用程序中通过鼠标悬停显示Ms Chart中的数据

Question

我正在使用 MS Chat SP Line。当我将鼠标悬停在图表的任何点上时，希望能显示该特定点的读数。我的图表如下：

 DataView dv = dtGroupedBy.DefaultView;
                dv.Sort = "DATE";
                chart1.DataSource = dv;
                chart1.DataBind();

<asp:chart runat="server" ID="chart1" Height="432px" Width="923px" 
    style="margin-top: 0px">
<Series>
                <asp:Series Name="Series1" ChartType="Spline" XValueMember="DATE" YValueMembers="POWER"
                    Color="LightGreen">
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1">
                    <AxisX Title="Days">
                    </AxisX>
                    <AxisY Title="Electricity in KW">
                    </AxisY>
                </asp:ChartArea>
            </ChartAreas>
</asp:chart>

希望收到您的回复。

- Forums Forall

Answer 1

不确定 asp chart 是否提供数据点的工具提示。如果是，请使用它，否则在创建图表后为每个点编写自定义 div，并将图像映射到 html 输出中。

- hungryMind

---

在图表属性中有一个工具提示选项，那么我该如何使用工具提示？ - Forums Forall

在这段代码中，在load方法中，Chart1.Series["My series"].ToolTip = "X value \t= #VALX{d}\nY value \t= #VALY{C}\nRadius \t= #VALY2{P}"; 中的X值和Y值是绑定到哪里的？？？在我的情况下，上面的代码绑定到了dataview，我该如何将dataview中的数据绑定到tooltip的X和Y上？？？ - Forums Forall

尝试并检查它。它从系列中选择x/y值。 - hungryMind

在添加系列之前，您是否设置了工具提示？ - hungryMind

我提到的那些代码行在我的电脑上可以运行，但效率不高，有时会显示数据在图表某个地方并且很慢，有时会卡住？有什么方法可以使其高效工作吗？ - Forums Forall

Answer 2

在您的代码后端页面中，尝试在加载图表时添加以下内容： Chart1.Series["Series1"].ToolTip = "#VALX, #VALY";

#VALX和#VALY是下面描述的许多变量之一，您可以将其添加到工具提示中。

http://support2.dundas.com/Default.aspx?article=1132

- user2366153