20

チャートがあり、ポインターがポイント上にあるときにユーザーに値を表示してもらいたいです。チャート内のポイントの値を見つけるページでdigEmAllのヘルプを使用することにより、次のコードを記述できます。

Point? prevPosition = null; 
ToolTip tooltip = new ToolTip();  

void chart1_MouseMove(object sender, MouseEventArgs e) 
{     
    var pos = e.Location;     
    if (prevPosition.HasValue && pos == prevPosition.Value)         
        return;     
    tooltip.RemoveAll();     
    prevPosition = pos;     
    var results = chart1.HitTest(pos.X, pos.Y, false, ChartElementType.PlottingArea);     
    foreach (var result in results)     
    {         
        if (result.ChartElementType == ChartElementType.PlottingArea)         
        {            
            chart1.Series[0].ToolTip = "X=#VALX, Y=#VALY";          
        }    
    } 
}

上記のコードにより、ユーザーはポインターが系列に近いときに値を表示できますが、ポインターがポイント上にある場合にのみユーザーに値を表示させるにはどうすればよいですか？交換しました

int k = result.PointIndex;
if (k >= 0)
{
    chart1.Series[0].Points[k].ToolTip = "X=#VALX, Y=#VALY";
}

それ以外の

chart1.Series[0].ToolTip = "X=#VALX, Y=#VALY";

私の問題を解決するために。しかし、それは役に立ちませんでした。

4

3 に答える 3

27

次のようにコードを変更する必要があります。

Point? prevPosition = null;
ToolTip tooltip = new ToolTip();

void chart1_MouseMove(object sender, MouseEventArgs e)
{
    var pos = e.Location;
    if (prevPosition.HasValue && pos == prevPosition.Value)
        return;
    tooltip.RemoveAll();
    prevPosition = pos;
    var results = chart1.HitTest(pos.X, pos.Y, false,
                                    ChartElementType.DataPoint);
    foreach (var result in results)
    {
        if (result.ChartElementType == ChartElementType.DataPoint)
        {
            var prop = result.Object as DataPoint;
            if (prop != null)
            {
                var pointXPixel = result.ChartArea.AxisX.ValueToPixelPosition(prop.XValue);
                var pointYPixel = result.ChartArea.AxisY.ValueToPixelPosition(prop.YValues[0]);

                // check if the cursor is really close to the point (2 pixels around the point)
                if (Math.Abs(pos.X - pointXPixel) < 2 &&
                    Math.Abs(pos.Y - pointYPixel) < 2)
                {
                    tooltip.Show("X=" + prop.XValue + ", Y=" + prop.YValues[0], this.chart1,
                                    pos.X, pos.Y - 15);
                }
            }
        }
    }
}

アイデアは、マウスがポイントに非常に近いかどうかを確認することです。たとえば、マウスがポイントの周囲のピクセルに非常に近いかどうか2を確認し（実際にはポイント上にある可能性が低いため）、その場合はツールチップを表示します。

これが完全な実例です。

于 2012-05-18T09:17:12.627 に答える
8

私はこの解決策を取ります：

カスタムツールチップイベントハンドラーを追加します。

 this.chart1.GetToolTipText += this.chart1_GetToolTipText;

イベントハンドラーを実装します。

  private void chart1_GetToolTipText(object sender, ToolTipEventArgs e)
  {
     // Check selected chart element and set tooltip text for it
     switch (e.HitTestResult.ChartElementType)
     {
        case ChartElementType.DataPoint:
           var dataPoint = e.HitTestResult.Series.Points[e.HitTestResult.PointIndex];
           e.Text = string.Format("X:\t{0}\nY:\t{1}", dataPoint.XValue, dataPoint.YValues[0]);
           break;
     }
  }
于 2015-09-22T09:55:46.477 に答える
4

ツールチップよりも優れたオプションとして、次のことを検討してください...チャートコントロールのラベル機能を使用してください。

DataPoint _prevPoint;
void chart1_MouseMove(object sender, MouseEventArgs e)
{
    // this if statement clears the values from the previously activated point.
    if (_prevPoint) {
        _prevPoint.MarkerStyle = MarkerStyle.None;
        _prevPoint.IsValueShownAsLabel = false;
    }

    var result = chart1.HitTest(e.X, e.Y, ChartElementType.DataPoint);
    if (result.ChartElementType == ChartElementType.DataPoint)
    {
        var prop = result.Object as DataPoint;
        if (prop != null)
        {
            prop.IsValueShownAsLabel = true;
            prop.MarkerStyle = MarkerStyle.Star4;
        }
    }
}

私はこれをテストし、現在使用しています。チャートにもマーカーが表示されるので、ポイントの多いチャートで非常に便利です。

于 2018-03-24T01:50:25.457 に答える