Question

我一直在寻找一些专注于工具提示如何工作的教程，但没有太多运气。

我有一个测试项目，我在其中渲染一个包含五个数据点的折线图。当我实例化Chart对象时，我设置了IsMapEnabled = true。当我定义系列时，我尝试设置工具提示。

  private void DefineSeries() {
     var series = new Series();
     series.ToolTip = "#VALY";
     series.PostBackValue = "#Index";
     var x = new[] {0, 1, 2, 3, 4, 5};
     var y = new[] {0, 4, 5, 3, 7, 2};
     for ( int i = 0; i < x.Length; i++ ) {
         series.Points.Add( new DataPoint( x[ i ], y[ i ] ) );
     }
     series.ChartType = SeriesChartType.Line;
     DefineSeriesStyle( series );
     chart_.Series.Add( series );   
  }

图表按预期呈现，但当鼠标悬停在数据点上时，不会显示工具提示。我显然在某个地方错过了一步，但我不知道它是什么。

编辑：显示图表视图模型和后续函数调用的Action方法和构造函数的代码。

  public ActionResult CausedOutPoint() {
     var causedOut = new CausedOutViewModel();
     var path = Server.MapPath( "~" ) + "CausedOut.Png";
     causedOut.Chart.SaveImage( path, ChartImageFormat.Png );
     return File( path, "img/png" );
  }

  public CausedOutViewModel() {
     chart_ = new Chart {IsMapEnabled = true};
     chart_.PostPaint += chart__PostPaint;
     chart_.RenderType = RenderType.ImageMap;
     chart_.ID = "CausedOut";
     InitializeChart( chart_ );
     chart_.Width = new Unit( 1200, UnitType.Pixel );
     chart_.Height = new Unit( 800, UnitType.Pixel );
     CreateTitles();
  }

  private void InitializeChart( ) {
     DefineSeries();
     DefineChartArea();
  }

Answer 1

您在DefineSeriesStyle中正在执行禁用工具提示的操作。我已经在没有语句DefineSeriesStyle( series );的情况下测试了您的方法，并显示了工具提示。

有关工具提示的全面概述，自定义工具提示可参考我之前的答案以获得类似问题。 Show tooltip in LineSeries WinForms Chart?

Answer 2

我告诉我的问题是我没有为我的图表渲染地图区域。对于那些遇到同样问题的人来说，修复我的问题的代码是：

控制器

  public ActionResult CausedOutPoint() {
     var ms = (byte[])Session[ "MS" ];
     return File( ms, "img/png" );
  }

  public ActionResult CausedOutMap(string name)
  {

     var causedOut = new CausedOutViewModel();
     var ms = new MemoryStream();
     causedOut.Chart.SaveImage(ms, ChartImageFormat.Png);
     Session[ "MS" ] = ms.ToArray();
     return Content( causedOut.Chart.GetHtmlImageMap( name ) );
  }

<{strong> Index.csthml

中必要的剃刀
<img src="@Url.Action("CausedOutPoint")" usemap="#CausedOut"/> @{ Html.RenderAction("CausedOutMap", new { name = "causedOut"}); }

当鼠标悬停在数据点上时，如何显示工具提示

2 个答案: