C# Chart控件的使用方法

第一个简单的chart: spline// Create new data series and set it's visual attributes
        Series series = new Series("Spline");
        series.ChartType = SeriesChartType.Spline;
        series.BorderWidth = 3;
        series.ShadowOffset = 2;

        // Populate new series with data
        series.Points.AddY(67);
        series.Points.AddY(57);
        series.Points.AddY(83);
        series.Points.AddY(23);
        series.Points.AddY(70);
        series.Points.AddY(60);
        series.Points.AddY(90);
        series.Points.AddY(20);

        // Add series into the chart's series collection
        Chart1.Series.Add(series);

同时显示2条曲线
// Populate series with random data
        Random random = new Random();
        for (int pointIndex = 0; pointIndex < 10; pointIndex++)
        {
            Chart1.Series["Series1"].Points.AddY(random.Next(45, 95));
            Chart1.Series["Series2"].Points.AddY(random.Next(5, 75));
        }

        // Set series chart type
        Chart1.Series["Series1"].ChartType = SeriesChartType.Line;
        Chart1.Series["Series2"].ChartType = SeriesChartType.Spline;

        // Set point labels
        Chart1.Series["Series1"].IsValueShownAsLabel = true;
        Chart1.Series["Series2"].IsValueShownAsLabel = true;

        // Enable X axis margin
        Chart1.ChartAreas["ChartArea1"].AxisX.IsMarginVisible = true;

        // Enable 3D, and show data point marker lines
        Chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = true;
        Chart1.Series["Series1"]["ShowMarkerLines"] = "True";
        Chart1.Series["Series2"]["ShowMarkerLines"] = "True";

显示column类型图
// Create new data series and set it's visual attributes
        Series series = new Series("FlowRead");
        series.ChartType = SeriesChartType.Column;
        series.BorderWidth = 3;
        series.ShadowOffset = 2;

        // Populate new series with data
        series.Points.AddY(67);
        series.Points.AddY(57);
        series.Points.AddY(83);
        series.Points.AddY(23);
        series.Points.AddY(70);
        series.Points.AddY(60);
        series.Points.AddY(90);
        series.Points.AddY(20);

        // Add series into the chart's series collection
        Chart1.Series.Add(series);

很多点,效率还可以
// Fill series data
        double yValue = 50.0;
        Random random = new Random();
        for (int pointIndex = 0; pointIndex < 20000; pointIndex++)
        {
            yValue = yValue + (random.NextDouble() * 10.0 - 5.0);
            Chart1.Series["Series1"].Points.AddY(yValue);
        }

        // Set fast line chart type
        Chart1.Series["Series1"].ChartType = SeriesChartType.FastLine;

    }

日期,xy类型
// Create a new random number generator
        Random rnd = new Random();

        // Data points X value is using current date
        DateTime date = DateTime.Now.Date;

        // Add points to the stock chart series
        for (int index = 0; index < 10; index++)
        {
            Chart1.Series["Series1"].Points.AddXY(
                date,                // X value is a date
                rnd.Next(40, 50));    // Close Y value

            // Add 1 day to our X value
            date = date.AddDays(1);
        }

int-int的xy数据绘图
// Create a new random number generator
        Random rnd = new Random();

        // Add points to the stock chart series
        for (int index = 0; index < 10; index++)
        {
            Chart1.Series["Series1"].Points.AddXY(
                rnd.Next(10, 90),                // X value is a date
                rnd.Next(40, 50));    // Close Y value
        }

数据库数据,datetime-int类型
string connStr = "server=localhost;database=seis_project;uid=seisprjs;pwd=seisprjs";
        SqlConnection myConn = new SqlConnection(connStr);
        string selStr = "select 时间,序号 from pub_log_read order by 序号 asc";
        SqlCommand myCmd = myConn.CreateCommand();
        myCmd.CommandText = selStr;
        myConn.Open();
        SqlDataReader sdr = myCmd.ExecuteReader(CommandBehavior.CloseConnection);

// Since the reader implements and IEnumerable, pass the reader directly into
        // the DataBindTable method with the name of the Column to be used as the XValue
        Chart1.DataBindTable(sdr, "时间");

        sdr.Close();
        myConn.Close();

数据库数据2,string-int类型
string connStr = "server=localhost;database=seis_project;uid=seisprjs;pwd=seisprjs";
        SqlConnection myConn = new SqlConnection(connStr);
        string selStr = "select 帐号,count(帐号) as 次数 from pub_log_read group by 帐号 order by 帐号 asc";
        SqlCommand myCmd = myConn.CreateCommand();
        myCmd.CommandText = selStr;
        myConn.Open();
        SqlDataReader sdr = myCmd.ExecuteReader(CommandBehavior.CloseConnection);

        // Since the reader implements and IEnumerable, pass the reader directly into
        // the DataBindTable method with the name of the Column to be used as the XValue
        Chart1.DataBindTable(sdr, "帐号");

        sdr.Close();
        myConn.Close();

数据库绑定3-error?
string connStr = "server=localhost;database=seis_project;uid=seisprjs;pwd=seisprjs";
        SqlConnection myConn = new SqlConnection(connStr);
        string selStr = "select 帐号,count(帐号) as 次数 from pub_log_read group by 帐号 order by 帐号 asc";
        SqlCommand myCmd = myConn.CreateCommand();
        myCmd.CommandText = selStr;
        myConn.Open();

        // Set chart data source
        Chart1.DataSource = myCmd;

        // Set series members names for the X and Y values
        Chart1.Series["Series1"].XValueMember = "帐号";
        Chart1.Series["Series1"].YValueMembers = "次数";

        // Data bind to the selected data source
        Chart1.DataBind();
        myConn.Close();

数据库4,只绑定y
string connStr = "server=localhost;database=seis_project;uid=seisprjs;pwd=seisprjs";
        SqlConnection myConn = new SqlConnection(connStr);
        string selStr = "select 序号 from pub_log_read order by 序号 asc";
        SqlCommand myCmd = myConn.CreateCommand();
        myCmd.CommandText = selStr;
        myConn.Open();
        SqlDataReader sdr = myCmd.ExecuteReader(CommandBehavior.CloseConnection);

        // Since the reader implements and IEnumerable, pass the reader directly into
        // the DataBindTable method with the name of the Column to be used as the XValue
        Chart1.Series[0].Points.DataBindY(sdr);

        sdr.Close();
        myConn.Close();

数据库5,绑定xy
string connStr = "server=localhost;database=seis_project;uid=seisprjs;pwd=seisprjs";
        SqlConnection myConn = new SqlConnection(connStr);
string selStr = "select 帐号,count(帐号) as 次数 from pub_log_read group by 帐号 order by 帐号 desc";
        SqlCommand myCmd = myConn.CreateCommand();
        myCmd.CommandText = selStr;
        myConn.Open();
        SqlDataReader sdr = myCmd.ExecuteReader(CommandBehavior.CloseConnection);

        // Since the reader implements and IEnumerable, pass the reader directly into
        // the DataBindTable method with the name of the Column to be used as the XValue
        Chart1.Series[0].Points.DataBindXY(sdr, "帐号",sdr,"次数");

        sdr.Close();
        myConn.Close();

数据库6,支持显示参数
// Resolve the address to the Access database
    string fileNameString = this.MapPath(".");
    fileNameString += "..\\..\\..\\data\\chartdata.mdb";

    // Initialize a connection string  
    string myConnectionString = "PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileNameString;
  
    // Define the database query  
    string mySelectQuery="SELECT * FROM REPSALES WHERE Year=2004;";

    // Create a database connection object using the connection string  
    OleDbConnection myConnection = new OleDbConnection(myConnectionString);
  
    // Create a database command on the connection using query  
    OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
  
    // Open the connection  
    myCommand.Connection.Open();
  
    // Create a database reader  
    OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);
  
    // Since the reader implements and IEnumerable, pass the reader directly into
    // the DataBind method with the name of the Columns assigned to the appropriate property  
    Chart1.Series["Series1"].Points.DataBind(
        myReader,
        "Name",
        "Sales",
        "Tooltip=Year, Label=Commissions{C2}");

    // Close the reader and the connection
    myReader.Close();
    myConnection.Close();

数据库7,支持多line
// Resolve the address to the Access database
    string fileNameString = this.MapPath(".");
    fileNameString += "..\\..\\..\\data\\chartdata.mdb";

    // Initialize a connection string  
    string myConnectionString = "PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileNameString;
  
    // Define the database query  
    string mySelectQuery="SELECT * FROM REPSALES;";

    // Create a database connection object using the connection string  
    OleDbConnection myConnection = new OleDbConnection(myConnectionString);
  
    // Create a database command on the connection using query  
    OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
  
    // Open the connection  
    myCommand.Connection.Open();
  
    // Create a database reader  
    OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);
  
    // Data bind chart to a table where all rows are grouped in series by the "Name" column
    Chart1.DataBindCrossTable(
        myReader,
        "Name",
        "Year",
        "Sales",
        "Label=Commissions{C}");

    // Close the reader and the connection
    myReader.Close();
    myConnection.Close();

数据库8,按照行添加数据
// Resolve the address to the Access database
    string fileNameString = this.MapPath(".");
    fileNameString += "..\\..\\..\\data\\chartdata.mdb";

    // Initialize a connection string  
    string myConnectionString = "PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileNameString;

    // Define the database query  
    string mySelectQuery="SELECT * FROM SALESCOUNTS;";

    // Create a database connection object using the connection string  
    OleDbConnection myConnection = new OleDbConnection(myConnectionString);
  
    // Create a database command on the connection using query  
    OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
  
    // Open the connection  
    myCommand.Connection.Open();
  
    // Initializes a new instance of the OleDbDataAdapter class
    OleDbDataAdapter myDataAdapter = new OleDbDataAdapter();
    myDataAdapter.SelectCommand = myCommand;

    // Initializes a new instance of the DataSet class
    DataSet myDataSet = new DataSet();

    // Adds rows in the DataSet
    myDataAdapter.Fill(myDataSet, "Query");  
  
    foreach(DataRow row in myDataSet.Tables["Query"].Rows)
    {
        // For each Row add a new series
        string seriesName = row["SalesRep"].ToString();
        Chart1.Series.Add(seriesName);
        Chart1.Series[seriesName].ChartType = SeriesChartType.Line;
        Chart1.Series[seriesName].BorderWidth = 2;

        for(int colIndex = 1; colIndex < myDataSet.Tables["Query"].Columns.Count; colIndex++)
        {
            // For each column (column 1 and onward) add the value as a point
            string columnName = myDataSet.Tables["Query"].Columns[colIndex].ColumnName;
            int YVal = (int) row[columnName];

            Chart1.Series[seriesName].Points.AddXY(columnName, YVal);
        }
    }

    DataGrid.DataSource = myDataSet;
    DataGrid.DataBind();

    // Closes the connection to the data source. This is the preferred
    // method of closing any open connection.
    myCommand.Connection.Close();

使用xml数据
// resolve the address to the XML document
    string fileNameString = this.MapPath(".");
    string fileNameSchema = this.MapPath(".");
    fileNameString += "..\\..\\..\\data\\data.xml";
    fileNameSchema += "..\\..\\..\\data\\data.xsd";

    // Initializes a new instance of the DataSet class
    DataSet custDS = new DataSet();
      
    // Read XML schema into the DataSet.
    custDS.ReadXmlSchema( fileNameSchema );

    // Read XML schema and data into the DataSet.
    custDS.ReadXml( fileNameString );
          
    // Initializes a new instance of the DataView class
    DataView firstView = new DataView(custDS.Tables[0]);

    // Since the DataView implements and IEnumerable, pass the reader directly into
    // the DataBindTable method with the name of the column used for the X value. 
    Chart1.DataBindTable(firstView, "Name");

使用excel数据
// resolve the address to the Excel file
    string fileNameString = this.MapPath(".");
    fileNameString += "..\\..\\..\\data\\ExcelData.xls";

    // Create connection object by using the preceding connection string.
    string sConn = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
        fileNameString + ";Extended Properties="Excel 8.0;HDR=YES"";
    OleDbConnection myConnection = new OleDbConnection( sConn );
    myConnection.Open();

    // The code to follow uses a SQL SELECT command to display the data from the worksheet.
    // Create new OleDbCommand to return data from worksheet.
    OleDbCommand myCommand = new OleDbCommand( "Select * From [data1$A1:E25]", myConnection );

    // create a database reader  
    OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);

    // Populate the chart with data in the file
    Chart1.DataBindTable(myReader, "HOUR");

    // close the reader and the connection
    myReader.Close();
    myConnection.Close();

使用csv数据
// Filename of the CSV file
    string file = "DataFile.csv";

    // Get the path of the CSV file
    string path = this.MapPath(".");
    path += "..\\..\\..\\data\";

    // Create a select statement and a connection string.
    string mySelectQuery = "Select * from " + file;
    string ConStr = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="+
        path+ ";Extended Properties="Text;HDR=No;FMT=Delimited"";
    OleDbConnection myConnection = new OleDbConnection(ConStr);

    // Create a database command on the connection using query
    OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);

    // Open the connection and create the reader
    myCommand.Connection.Open();
    OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);

    // Column 1 is a time value, column 2 is a double
    // Databind the reader to the chart using the DataBindXY method
    Chart1.Series[0].Points.DataBindXY(myReader, "1", myReader, "2");

    // Close connection and data reader
    myReader.Close();
    myConnection.Close();

数组绘图
// Initialize an array of doubles
        double[] yval = { 2, 6, 4, 5, 3 };

        // Initialize an array of strings
        string[] xval = { "Peter", "Andrew", "Julie", "Mary", "Dave" };

        // Bind the double array to the Y axis points of the Default data series
        Chart1.Series["Series1"].Points.DataBindXY(xval, yval);
数据库9,dataview// Resolve the address to the Access database
    string fileNameString = this.MapPath(".");
    fileNameString += "..\\..\\..\\data\\chartdata.mdb";

    // Initialize a connection string  
    string myConnectionString = "PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileNameString;
              
    // Define the database query  
    string mySelectQuery="SELECT * FROM REPS;";

    // Create a database connection object using the connection string  
    OleDbConnection myConnection = new OleDbConnection(myConnectionString);
              
    // Create a database command on the connection using query  
    OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
              
    // Open the connection  
    myCommand.Connection.Open();
              
    // Initializes a new instance of the OleDbDataAdapter class
    OleDbDataAdapter custDA = new OleDbDataAdapter();
    custDA.SelectCommand = myCommand;

    // Initializes a new instance of the DataSet class
    DataSet custDS = new DataSet();

    // Adds rows in the DataSet
    custDA.Fill(custDS, "Customers");

    // Initializes a new instance of the DataView class
    DataView firstView = new DataView(custDS.Tables[0]);

    // Since the DataView implements IEnumerable, pass the dataview directly into
    //   the DataBind method with the name of the Columns selected in the query  
    Chart1.Series["Default"].Points.DataBindXY(firstView, "Name",firstView, "Sales");

    // Closes the connection to the data source. This is the preferred
    //   method of closing any open connection.
    myCommand.Connection.Close();


指定坐标轴的数据显示范围
// Create a new random number generator
        Random rnd = new Random();

        // Add points to the stock chart series
        for (int index = 0; index < 10; index++)
        {
            Chart1.Series["Series1"].Points.AddXY(
                rnd.Next(10, 90),                // X value is a date
                rnd.Next(40, 50));    // Close Y value
        }

        Chart1.ChartAreas[0].AxisY.Minimum = 40;
        Chart1.ChartAreas[0].AxisY.Maximum = 50;

数据排序// Use point index for drawing the chart
    Chart1.Series["Series1"].IsXValueIndexed = true;

    // Sort series points by second Y value
    Chart1.DataManipulator.Sort(PointSortOrder.Ascending, "Y2", "Series1");

查找数据最大值和最小值
// Find point with maximum Y value and change color
    DataPoint maxValuePoint = Chart1.Series["Series1"].Points.FindMaxValue();
    maxValuePoint.Color = Color.FromArgb(255, 128, 128);
                                                                                              
    // Find point with minimum Y value and change color
    DataPoint minValuePoint = Chart1.Series["Series1"].Points.FindMinValue();
    minValuePoint.Color = Color.FromArgb(128, 128, 255);

pie显示交互
private void Page_Load(object sender, System.EventArgs e)
{
    // Add series to the chart
    Series series = Chart1.Series.Add("My series");

    // Set series and legend tooltips
    series.ToolTip = "#VALX: #VAL{C} million";
    series.LegendToolTip = "#PERCENT";
    series.PostBackValue = "#INDEX";
    series.LegendPostBackValue = "#INDEX";
          
    // Populate series data
    double[]    yValues = {65.62, 75.54, 60.45, 34.73, 85.42, 32.12, 55.18, 67.15, 56.24, 23.65};
    string[]    xValues = {"France", "Canada", "Germany", "USA", "Italy", "Russia", "China", "Japan", "Sweden", "Spain" };
    series.Points.DataBindXY(xValues, yValues);

    // Set series visual attributes
    series.Type = SeriesChartType.Pie;
    series.ShadowOffset = 2;
    series.BorderColor = Color.DarkGray;
    series.CustomAttributes = "LabelStyle=Outside";
}

protected void Chart1_Click(object sender, ImageMapEventArgs e)
{
    int pointIndex = int.Parse(e.PostBackValue);
    Series series = Chart1.Series["My series"];
    if (pointIndex >= 0 && pointIndex < series.Points.Count)
    {
        series.Points[pointIndex].CustomProperties += "Exploded=true";
    }
}

chart点击事件/// <summary>
/// Page Load event handler.
/// </summary>
protected void Page_Load(object sender, System.EventArgs e)
{
    this.Chart1.Click += new ImageMapEventHandler(Chart1_Click);
  
    // direct using of PostBackValue
    foreach (Series series in this.Chart1.Series)
    {
        series.PostBackValue = "series:" + series.Name + ",#INDEX";
    }
  
    // transfer of click coordinates. getCoordinates is a javascript function.
    string postbackScript = ClientScript.GetPostBackEventReference(this.Chart1, "chart:@");
    this.Chart1.Attributes["onclick"] = postbackScript.Replace("@'", "' + getCoordinates(event)");

}


/// <summary>
/// Handles the Click event of the Chart1 control.
/// </summary>
/// <param name="sender">The source of the event.</param>
/// <param name="e">The <see cref="System.Web.UI.WebControls.ImageMapEventArgs"/> instance containing the event data.</param>
protected void Chart1_Click(object sender, ImageMapEventArgs e)
{
    this.Chart1.Titles["ClickedElement"].Text = "Nothing";

    string[] input = e.PostBackValue.Split(':');
    if (input.Length == 2)
    {
        string[] seriesData = input[1].Split(',');
        if (input[0].Equals("series"))
        {
            this.Chart1.Titles["ClickedElement"].Text = "Last Clicked Element: " + seriesData[0] + " - Data Point #" + seriesData[1];
        }
        else if (input[0].Equals("chart"))
        {
            // hit test of X and Y click point
            HitTestResult hitTestResult = this.Chart1.HitTest(Int32.Parse(seriesData[0]), Int32.Parse(seriesData[1]));
            if (hitTestResult != null)
            {
                this.Chart1.Titles["ClickedElement"].Text = "Last Clicked Element: " + hitTestResult.ChartElementType.ToString();
            }
        }
    }
}

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页