C# Chart控件实现柱形图和折线图在一个chart上同时显示，并显示滚动条

最新推荐文章于 2026-05-16 14:53:38 发布

原创

最新推荐文章于 2026-05-16 14:53:38 发布 · 4.7k 阅读

标签

#c#

本文展示了如何使用C#的Chart控件在同一图表上绘制柱形图和折线图，并配置了横坐标滚动条。通过设置Area3DStyle、BackColor、CursorX属性实现滚动功能，并调整AxisY2.LabelStyle.Format以百分比形式显示第二条折线的纵坐标。此外，指出了chart1.Series[0]和chart1.Series[1]分别对应两条曲线，且调整纵坐标到右侧的配置方法。

效果如下：左侧纵坐标表示柱形图Y轴数据，右侧纵坐标表示折线图Y轴数据

代码：

private void ButtonClickSelect()
        {
            string GD = textBoxGD.Text.Trim();
            string XH = textBoxXH.Text.Trim();
            string CJ = comboBoxCJ.Text.Trim();

            string Date1 = dateTimePicker1.Value.ToString("yyyyMMdd HH:mm:ss");
            string Date2 = dateTimePicker2.Value.ToString("yyyyMMdd HH:mm:ss");

            DataTable dt = BLL.MES.GetNGBoLaTuP1(GD, XH, CJ, Date1, Date2);

            if (dt != null && dt.Rows.Count > 0)
            {
                string ID_UNIQUE = BLL.Config.GetNewID();
                dt.Columns.Add("BLL");
                dt.Columns.Add("ID");
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    dt.Rows[i]["BLL"] = (Math.Round(decimal.Parse(dt.Rows[i]["NGQty"].ToString()) / decimal.Parse(dt.Rows[i]["TR"].ToString()), 2) * 100).ToString() + "%";
                    dt.Rows[i]["ID"] = ID_UNIQUE;                    
                }
                bool flag = Util.DBHelper.AddTable(dt, "NGBoLaTuTempSave");

                if (flag)
                {
                    chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = false;
                    chart1.ChartAreas["ChartArea1"].Area3DStyle.LightStyle = LightStyle.Realistic;
                    chart1.ChartAreas["ChartArea1"].BackC

最低0.47元/天解锁文章