Question

我的应用程序中有一个水平堆叠的条形图，我试图弄清楚当用户单击条形图时如何获取X轴值。问题是，当我在运行时查看值时，Y值很好，但X值都为0。

Screen capture

在上图中，淡蓝色的条来自request()->is('home')，代表了MTD的销售额，深色的条来自Series[0]，代表了去年同一月份的销售额。我的目标是，当用户双击栏时，会将他带到该销售员的详细销售报告。

我没有尝试过将图表切换为常规条形图，因为这最终将使我看起来像这样。但是我开始怀疑是Series[1]字段中全0的原因是因为还是因为我使用字符串作为值的类型。

有没有人遇到过这个问题或对如何解决有任何线索？

Screen capture of points at runtime

Answer 1

您使用Bar图表类型之一。

与大多数普通类型相比，它们的x轴和y轴已切换。

因此，为了沿水平轴获取值，您实际上想获取y值。

要获得双击数据点的y值，您可以像以下代码一样执行HitTest：

private void chart1_MouseDoubleClick(object sender, MouseEventArgs e)
{
    var hit = chart1.HitTest(e.X, e.Y, ChartElementType.DataPoint);
    if (hit.PointIndex >= 0)
    {
        DataPoint dp = hit.Series.Points[hit.PointIndex];
        Console.WriteLine(dp.YValues[0]);
    }
}

但是请注意，在堆叠的栏中，值看起来是堆叠的，但是每个点仍然只有自己的值。

如果要获得堆积/求和的值，则必须将下面的所有点加起来，包括被击中的点。 “在下方”是指点在相同的x插槽上，但在较低的序列中！

如果您将x值添加为字符串，则将无法使用它们，因为在这种情况下，它们全部为0，如您在屏幕快照中所见。

但是由于您案例中的所有堆叠点都将具有相同的e.PointIndex，因此我们可以使用它来访问以下系列中的所有点。.

    ..
    int si = 0;
    double vsum = 0;
    Series s = null;
    do
    {
        s = chart4.Series[si++];
        vsum += s.Points[hit.PointIndex].YValues[0];

    } while (hit.Series != s);
    Console.WriteLine(vsum);

如果您实际上要访问x值，则有两个选择：

您可以将字符串显式添加到每个AxisLabel的{{1}}中。尽管x值仍然是全部DataPoint，但现在可以访问0。
或者您可以将它们添加为数字，也许使用某种方案将字符串AxisLabels设置为数字并返回，然后再次设置map。

Answer 2

好的，所以我终于使用Chart.Customize事件在图表上放置了自定义标签。

这是我用于此图表的数据：

Vendeur     |   Total    |    idDepartement   |   idEmploye   | TotalLastYear
Ghislain        5256.30       1                   56                0.00
Kim            12568.42       1                    1            74719.18
Philippe       17565.27       1                   44            38454.85

我将X轴XValueType更改为Double，将XValueMember更改为 idEmploye 。

Result

如您所见，在图表上显示员工ID并不是很友好。这是Customize事件有用的地方。

这是我的活动：

private void chart1_Customize(object sender, EventArgs e)
    {
        // Set X axis interval to 1, label will be centered (between 0.5 and 1.5)
        chart1.ChartAreas[0].AxisX.Interval = 1;
        double startOffset = 0.5;
        double endOffset = 1.5;

        chart1.ChartAreas[0].AxisX.CustomLabels.Clear();

        // Cycle through chart Datapoints in first serie
        foreach (System.Windows.Forms.DataVisualization.Charting.DataPoint pt in chart1.Series[0].Points)
        {

            // First get the dataset used for the chart (from its bindingsource)
            DataSet dsSales = (DataSet)bsViewVentesParUtilisateurSignsMoisCourant.DataSource;

            // Second get the datatable from that dataset based on the datamember 
            // property of the bindingsource
            DataTable dtSales = (DataTable)dsSales.Tables[bsViewVentesParUtilisateurSignsMoisCourant.DataMember];

            // Get a dataview and filter its result based on the current point's XValue
            DataView dv = new DataView(dtSales);
            dv.RowFilter = "idEmploye=" + pt.XValue.ToString();

            // Get the "Salesperson" (or "Vendeur") column value from the first result
            // (other rows will have the same value but row 0 is safe)
            string firstname = dv.ToTable().Rows[0].Field<string>("Vendeur").ToString();

            // Create new customlabel and add it to the X axis
            CustomLabel salespersonLabel = new CustomLabel(startOffset, endOffset, firstname, 0, LabelMarkStyle.None);
            chart1.ChartAreas[0].AxisX.CustomLabels.Add(salespersonLabel);
            startOffset += 1;
            endOffset += 1;
        }
    }

Final result

我对结果感到非常满意。现在，当我双击图表中的条形图时，我可以从X值获取员工ID，并生成代码以获取给定月份该人的详细销售报告。

C＃图表控件：对于该系列中的所有点，水平条形图的X值均为0

2 个答案: