C＃在图表中使用DataGridView中的数据

Question

我有在DataGridView中生成数据的代码，我也想通过单击同一按钮将其推送到图表。

处理：

将文本放入文本框myInputBox然后按下按钮processButton拆分文本并将其输出到DataGridView myOutputDGV该按钮具有以下代码：

private void processButton_Click(object sender, EventArgs e)
        {
            List<string> mySplit = new List<string>(myInputBox.Text.Split(new string[] { "XN" }, StringSplitOptions.None));

            DataGridViewTextBoxColumn myOutputGrid = new DataGridViewTextBoxColumn();
            myOutputGrid.HeaderText = "Line";
            myOutputGrid.Name = "Line";
            myOutputDGV.Columns.Add(myOutputGrid);
            myOutputGrid = new DataGridViewTextBoxColumn();

            myOutputGrid.HeaderText = "Section";
            myOutputGrid.Name = "Section";
            myOutputDGV.Columns.Add(myOutputGrid);
            myOutputGrid = new DataGridViewTextBoxColumn();

            myOutputGrid.HeaderText = "Range";
            myOutputGrid.Name = "Range";
            myOutputDGV.Columns.Add(myOutputGrid);
            myOutputGrid = new DataGridViewTextBoxColumn();

            myOutputGrid.HeaderText = "Total";
            myOutputGrid.Name = "Total";
            myOutputDGV.Columns.Add(myOutputGrid);
            myOutputGrid = new DataGridViewTextBoxColumn();

            foreach (string item in mySplit)
            {
                myOutputDGV.Rows.Add(item.Trim(),
                item.Split(new string[] { "(cost=" }, StringSplitOptions.None).First(),
                Regex.Match(item, @"cost=(.+?) rows").Groups[1].Value,
                Regex.Match(item, @"cost=(.+?)\.\.").Groups[1].Value,
            }
        }

我想用来自X轴上的column [1]（直线）和Y轴上的column [3]（总计）的值填充图表myChart 。

编辑：

我尝试在按钮processButton单击代码中添加以下代码，但未填充图表：

ChartArea chartArea1 = new ChartArea();
chartArea1.AxisX.MajorGrid.LineColor = Color.LightGray;
chartArea1.AxisY.MajorGrid.LineColor = Color.LightGray;
chartArea1.AxisX.LabelStyle.Font = new Font("Consolas", 8);
chartArea1.AxisY.LabelStyle.Font = new Font("Consolas", 8);
myChart.ChartAreas.Add(chartArea1);

myChart.Series.Add(new Series());

myChart.Series[0].XValueMember = myOutputDGV.Columns[1].DataPropertyName;
myChart.Series[0].YValueMembers = myOutputDGV.Columns[3].DataPropertyName;
myChart.DataSource = myOutputDGV.DataSource;

myChart.Series[0].ChartType = SeriesChartType.Line;

编辑2：

我也尝试这样做无济于事：

System.Windows.Forms.DataVisualization.Charting.ChartArea myChartArea = new System.Windows.Forms.DataVisualization.Charting.ChartArea();
myChartArea.AxisX.MajorGrid.LineColor = Color.Red;
myChartArea.AxisY.MajorGrid.LineColor = Color.Red;
myChartArea.AxisX.LabelStyle.Font = new System.Drawing.Font("Consolas", 10);
myChartArea.AxisY.LabelStyle.Font = new System.Drawing.Font("Consolas", 10);
myChart.ChartAreas.Add(myChartArea);

myChart.Series.Add(new System.Windows.Forms.DataVisualization.Charting.Series());

var datax = myOutputDGV.Rows.Cast<DataGridViewRow>().Select(x => x.Cells[1].Value).ToList();
var datay = myOutputDGV.Rows.Cast<DataGridViewRow>().Select(x => x.Cells[4].Value).ToList();

编辑3个完整代码：

private void ProcessButton_Click(object sender, EventArgs e)
{
if (String.IsNullOrEmpty(myInputBox.Text) || myInputBox.Text == "")
{
    MessageBox.Show("Please enter data", "Info");
}
else
{
    myOutputDGV.Rows.Clear();
    myOutputDGV.Columns.Clear();
    myOutputDGV.Refresh();
    myChart.ChartAreas.Clear();
    myChart.Series.Clear();

    List<string> mySplit = new List<string>(myInputBox.Text.Split(new string[] { "XN" }, StringSplitOptions.None));

    DataGridViewTextBoxColumn myOutputGrid = new DataGridViewTextBoxColumn();
    myOutputGrid.HeaderText = "Line";
    myOutputGrid.Name = "Line";
    myOutputDGV.Columns.Add(myOutputGrid);
    myOutputGrid = new DataGridViewTextBoxColumn();

    myOutputGrid.HeaderText = "Section";
    myOutputGrid.Name = "Section";
    myOutputDGV.Columns.Add(myOutputGrid);
    myOutputGrid = new DataGridViewTextBoxColumn();

    myOutputGrid.HeaderText = "Cost Range";
    myOutputGrid.Name = "Cost Range";
    myOutputDGV.Columns.Add(myOutputGrid);
    myOutputGrid = new DataGridViewTextBoxColumn();

    myOutputGrid.HeaderText = "Cost First Row";
    myOutputGrid.Name = "Cost First Row";
    myOutputDGV.Columns.Add(myOutputGrid);
    myOutputGrid = new DataGridViewTextBoxColumn();

    myOutputGrid.HeaderText = "Cost All Rows";
    myOutputGrid.Name = "Cost All Rows";
    myOutputDGV.Columns.Add(myOutputGrid);
    myOutputGrid = new DataGridViewTextBoxColumn();

    myOutputGrid.HeaderText = "Rows";
    myOutputGrid.Name = "Rows";
    myOutputDGV.Columns.Add(myOutputGrid);
    myOutputGrid = new DataGridViewTextBoxColumn();

    myOutputGrid.HeaderText = "Width";
    myOutputGrid.Name = "Width";
    myOutputDGV.Columns.Add(myOutputGrid);

    foreach (string item in mySplit)
    {
        myOutputDGV.Rows.Add(item.Trim(),
        item.Split(new string[] { "(cost=" }, StringSplitOptions.None).First(),
        Regex.Match(item, @"cost=(.+?) rows").Groups[1].Value,
        Regex.Match(item, @"cost=(.+?)\.\.").Groups[1].Value,
        Regex.Match(item, @"\.\.(.+?) ").Groups[1].Value,
        Regex.Match(item, @"rows=(.+?) ").Groups[1].Value,
        Regex.Match(item, @"width=(.+?)\)").Groups[1].Value);
    }

    var datax = myOutputDGV.Rows.Cast<DataGridViewRow>().Select(x => x.Cells[1].Value).ToList();
    var datay = myOutputDGV.Rows.Cast<DataGridViewRow>().Select(x => x.Cells[4].Value).ToList();
    System.Windows.Forms.DataVisualization.Charting.ChartArea myChartArea = new System.Windows.Forms.DataVisualization.Charting.ChartArea();
    myChartArea.AxisX.MajorGrid.LineColor = Color.Red;
    myChartArea.AxisY.MajorGrid.LineColor = Color.Red;
    myChartArea.AxisX.LabelStyle.Font = new System.Drawing.Font("Consolas", 10);
    myChartArea.AxisY.LabelStyle.Font = new System.Drawing.Font("Consolas", 10);
    myChart.ChartAreas.Add(myChartArea);
    myChart.Series.Add(new System.Windows.Forms.DataVisualization.Charting.Series());

    myChart.Series[0].XValueMember = myOutputDGV.Columns[1].DataPropertyName;
    myChart.Series[0].YValueMembers = myOutputDGV.Columns[3].DataPropertyName;
    myChart.DataSource = myOutputDGV.DataSource;
    myChart.Series.Add(new System.Windows.Forms.DataVisualization.Charting.Series());
}
}

编辑4我有网格和半行：

            var datax = myOutputDGV.Rows.Cast<DataGridViewRow>().Select(x => x.Cells[1].Value).ToList();
            var datay = myOutputDGV.Rows.Cast<DataGridViewRow>().Select(x => x.Cells[4].Value).ToList();
            string dataxx = datax.ToString();
            string datayy = datay.ToString();
            System.Windows.Forms.DataVisualization.Charting.ChartArea myChartArea = new System.Windows.Forms.DataVisualization.Charting.ChartArea();
            myChart.ChartAreas.Add(myChartArea);
            myChart.Series.Add(new System.Windows.Forms.DataVisualization.Charting.Series());
            myChart.Series[0].Points.AddXY(dataxx, datayy);

Answer 1

如果要尽可能保留代码，则可以填充DataTable而不是DataGridView并将其用作DataGridView和Chart的DataSource 。

在这种情况下，下面的代码大致是您需要做的：声明DataTable ，创建Columns （正确的类型，我只是猜到了！），填充Rows ，并将其用作DataSource 。

好处很明显：您将拥有强制的数据类型，并且可以使用断点和VS Data Visualizer来检查内容是否符合预期（但在这种情况下，您也会在DataGridView看到它）。 可能是数据类型给chart带来了麻烦。

C＃（翻译）：

private DataTable dt;

private void MyForm_Load()
{
    LoadDefaults();
}

private void LoadDefaults()
{
    dt.Columns.Add("Line", typeof(Int16));
    dt.Columns.Add("Section", typeof(string));
    dt.Columns.Add("Range", typeof(string));
    dt.Columns.Add("Total", typeof(float));
}

private void processButton_Click(object sender, EventArgs e)
{

foreach (var Item in mySplit) {
    dt.Rows.Add({Item.Trim(), ......});
    }


this.DataGridView1.DataSource = dt;
...
myChart.DataSource = dt;
}

VB.NET

Dim dt As DataTable

Private Sub MyForm_Load()
    Call LoadDefaults()
End Sub

Private Sub LoadDefaults()
    dt.Columns.Add("Line", GetType(Int16))
    dt.Columns.Add("Section", GetType(String))
    dt.Columns.Add("Range", GetType(String))
    dt.Columns.Add("Total", GetType(Single))
End Sub

Private Sub processButton_Click(sender As Object, e As EventArgs) Handles BtnExcel.Click
    For Each Item In mySplit
        dt.Rows.Add({Item.Trim(), Item.Split("(cost=", StringSplitOptions.None).First(), Regex.Match(Item, @"cost=(.+?) rows").Groups[1].Value, Regex.Match(Item, @"cost=(.+?)\.\.").Groups[1].Value})
    Next

    Me.DataGridView1.DataSource = dt
    ...
    myChart.DataSource = dt
End Sub

编辑 -调试图表示例：

Answer 2

有很多使用Chart DataBinding的方法 。 -我建议在绑定时不要绑定到图表，而是绑定到Series的Points ！ -通过这种方式，您可以更好地控制事物，例如选择要绑定到的Series 。

一个例子..：

var datax = dataGridView1.Rows
            .Cast<DataGridViewRow>().Select(x => x.Cells[ixName].Value).ToList();
var datay = dataGridView1.Rows
            .Cast<DataGridViewRow>().Select(x => x.Cells[yName].Value).ToList();

aSeries.Points.DataBindXY(datax, datay);

..其中xName和yName可以是DGV Columns名称或索引。

但是，正如建议的那样，建议使用DataTable 。 无论如何，您都需要一个IEnumerable进行绑定。