TeeChart的X軸為時間，多個Y軸的顯示(C#)
阿新 • • 發佈：2018-12-01
最後上程式碼
按 Ctrl+C 複製程式碼 按 Ctrl+C 複製程式碼ps：data是一個數據集，包含若干個資料表
每一個數據表對應一條曲線的資料，第一列為時間，第二列為資料。
這裡的時間，直接從Datetime.Now重新處理的,僅僅使用了資料表中的第二列資料
需要注意的是:
必須使用控制元件本身的縱軸Left，縱軸的刻度才能正常顯示。
如果多個縱軸，全部設定為自定義的。會導致無法正常顯示。
獲取所有可見曲線，新增到一個集合中返回
private List<BaseLine> GetVisibleSeries() { List<BaseLine> visibleSeries = new List<BaseLine>(); for (int i = 0; i < zbmChart.Series.Count; i++) { zbmChart.Series[i].CustomVertAxis = null;if (zbmChart.Series[i].Visible) { visibleSeries.Add((BaseLine)zbmChart.Series[i]); } } return visibleSeries; }
新增自定義縱軸
private void AddVisibleLineVerticalAxis() { List<BaseLine> visibleSeries = GetVisibleSeries();
public partial class Test : Form
{
private TChart tChart = new TChart();
private int space = 3;
public Test()
{
InitializeComponent();
Init();
}
/// <summary>
/// 新增若干個自定義座標軸
/// </summary>
/// <param name="count"></param>
private void AddCustomAxis(int count)
{
List<BaseLine> listBaseLine = new List<BaseLine>();
for (int i = 0; i < tChart.Series.Count; i++)
{
listBaseLine.Add((BaseLine)tChart.Series[i]);
}
double single = (100 - space * (count + 2)) / (count + 1);//單個座標軸的百分比
tChart.Axes.Left.StartPosition = space;
tChart.Axes.Left.EndPosition = tChart.Axes.Left.EndPosition = tChart.Axes.Left.StartPosition + single;
tChart.Axes.Left.StartEndPositionUnits = PositionUnits.Percent;
listBaseLine[0].CustomVertAxis = tChart.Axes.Left;
double startPosition = tChart.Axes.Left.StartPosition;
double endPosition = tChart.Axes.Left.EndPosition;
Axis axis;
for (int i = 0; i < count; i++)
{
axis = new Axis();
startPosition = endPosition + space;
endPosition = startPosition + single;
axis.StartPosition = startPosition;
axis.EndPosition = endPosition;
tChart.Axes.Custom.Add(axis);
listBaseLine[i + 1].CustomVertAxis = axis;
}
}
private void Init()
{
tChart.Dock = DockStyle.Fill;
tChart.Aspect.View3D = false;
tChart.Legend.LegendStyle = LegendStyles.Series;
tChart.Axes.Bottom.Labels.DateTimeFormat = "yyyy-MM-dd HH:mm:ss";
tChart.Axes.Bottom.Labels.ExactDateTime = true;
tChart.Axes.Bottom.Labels.Angle = 90;
tChart.Axes.Bottom.Minimum = 12 * Utils.GetDateTimeStep(DateTimeSteps.OneSecond);
tChart.Axes.Bottom.Minimum = 60 * Utils.GetDateTimeStep(DateTimeSteps.OneSecond);
panel2.Controls.Add(tChart);
DataSet data = HSQueryHistoryCurve.Instance.Search(new HSQueryCondition()
{
ChannelId = new List<int>() { 1,2,3,4},
DeviceId = "112233445566",
StartTime = DateTime.Now.AddMonths(-1).ToString("yyyy-MM-dd HH:mm:ss"),
EndTime = DateTime.Now.AddMonths(1).ToString("yyyy-MM-dd HH:mm:ss"),
ProjectId = 1
});
DateTime time = DateTime.Now;
for (int j = 0; j < data.Tables.Count; j++)
{
DataTable dataTable = data.Tables[j];
Line line = new Line();
tChart.Series.Add(line);
line.Title = string.Format("曲線{0}", j + 1);
line.XValues.DateTime = true;
for (int i = 0; i < dataTable.Rows.Count; i++)
{
line.Add(time.AddSeconds(i).ToOADate(), (double)dataTable.Rows[i][1]);
}
}
AddCustomAxis(3);
}
}public partial class Test : Form
{
private TChart tChart = new TChart();
private int space = 3;
public Test()
{
InitializeComponent();
Init();
}
/// <summary>
/// 新增若干個自定義座標軸
/// </summary>
/// <param name="count"></param>
private void AddCustomAxis(int count)
{
List<BaseLine> listBaseLine = new List<BaseLine>();
for (int i = 0; i < tChart.Series.Count; i++)
{
listBaseLine.Add((BaseLine)tChart.Series[i]);
}
double single = (100 - space * (count + 2)) / (count + 1);//單個座標軸的百分比
tChart.Axes.Left.StartPosition = space;
tChart.Axes.Left.EndPosition = tChart.Axes.Left.EndPosition = tChart.Axes.Left.StartPosition + single;
tChart.Axes.Left.StartEndPositionUnits = PositionUnits.Percent;
listBaseLine[0].CustomVertAxis = tChart.Axes.Left;
double startPosition = tChart.Axes.Left.StartPosition;
double endPosition = tChart.Axes.Left.EndPosition;
Axis axis;
for (int i = 0; i < count; i++)
{
axis = new Axis();
startPosition = endPosition + space;
endPosition = startPosition + single;
axis.StartPosition = startPosition;
axis.EndPosition = endPosition;
tChart.Axes.Custom.Add(axis);
listBaseLine[i + 1].CustomVertAxis = axis;
}
}
private void Init()
{
tChart.Dock = DockStyle.Fill;
tChart.Aspect.View3D = false;
tChart.Legend.LegendStyle = LegendStyles.Series;
tChart.Axes.Bottom.Labels.DateTimeFormat = "yyyy-MM-dd HH:mm:ss";
tChart.Axes.Bottom.Labels.ExactDateTime = true;
tChart.Axes.Bottom.Labels.Angle = 90;
tChart.Axes.Bottom.Minimum = 12 * Utils.GetDateTimeStep(DateTimeSteps.OneSecond);
tChart.Axes.Bottom.Minimum = 60 * Utils.GetDateTimeStep(DateTimeSteps.OneSecond);
panel2.Controls.Add(tChart);
DataSet data = HSQueryHistoryCurve.Instance.Search(new HSQueryCondition()
{
ChannelId = new List<int>() { 1,2,3,4},
DeviceId = "112233445566",
StartTime = DateTime.Now.AddMonths(-1).ToString("yyyy-MM-dd HH:mm:ss"),
EndTime = DateTime.Now.AddMonths(1).ToString("yyyy-MM-dd HH:mm:ss"),
ProjectId = 1
});
DateTime time = DateTime.Now;
for (int j = 0; j < data.Tables.Count; j++)
{
DataTable dataTable = data.Tables[j];
Line line = new Line();
tChart.Series.Add(line);
line.Title = string.Format("曲線{0}", j + 1);
line.XValues.DateTime = true;
for (int i = 0; i < dataTable.Rows.Count; i++)
{
line.Add(time.AddSeconds(i).ToOADate(), (double)dataTable.Rows[i][1]);
}
}
AddCustomAxis(3);
}
}
ps：data是一個數據集，包含若干個資料表
每一個數據表對應一條曲線的資料，第一列為時間，第二列為資料。
這裡的時間，直接從Datetime.Now重新處理的,僅僅使用了資料表中的第二列資料
需要注意的是:
必須使用控制元件本身的縱軸Left，縱軸的刻度才能正常顯示。
如果多個縱軸，全部設定為自定義的。會導致無法正常顯示。
獲取所有可見曲線，新增到一個集合中返回
private List GetVisibleSeries()
{
List visibleSeries = new List();
for (int i = 0; i < zbmChart.Series.Count; i++)
{
zbmChart.Series[i].CustomVertAxis = null;
if (zbmChart.Series[i].Visible)
{
visibleSeries.Add((BaseLine)zbmChart.Series[i]);
}
}
return visibleSeries;
}
新增自定義縱軸
private void AddVisibleLineVerticalAxis()
{
List visibleSeries = GetVisibleSeries();
zbmChart.ClearCustomAxis();//清除所有自定義的座標軸
double singleAxisLengthPercent;//單個縱軸佔據的百分比
//計算每個座標軸佔據的百分比
if (visibleSeries.Count < 1)
{
return;
}
else
{
singleAxisLengthPercent = Convert.ToDouble(100 - verticalAxisSpace * (visibleSeries.Count + 1)) / (visibleSeries.Count);
}
//給可見的曲線加上縱軸
for (int i = 0; i < visibleSeries.Count; i++)
{
Series s = visibleSeries[i];
Axis axis;
//設定縱軸的起始位置
if (i == 0)
{
axis = zbmChart.zbmYAxis;
axis.StartPosition = verticalAxisSpace;
}
else
{
axis = new Axis(false, false, zbmChart.Chart);
if (i == 1)
{
axis.StartPosition = zbmChart.zbmYAxis.EndPosition + verticalAxisSpace;
}
else
{
axis.StartPosition = visibleSeries[i - 1].CustomVertAxis.EndPosition + verticalAxisSpace;
}
}
//設定縱軸的結束位置
axis.EndPosition = axis.StartPosition + singleAxisLengthPercent;
//設定縱軸刻度的顏色
axis.Labels.Font.Color = dicColor[s.Tag.ToString()];
//設定網格的可見性以及顏色
axis.Grid.Visible = VisibleSettings.Default.Grid;
axis.Grid.Color = ColorSettings.Default.Grid;
if (i == 0)
{
//曲線本身的縱軸，無需額外處理
}
else
{
//將自定義縱軸加入圖表
zbmChart.AddCustomAxis(axis);
//將縱軸和對應的曲線關聯
s.CustomVertAxis = axis;
}
}
}