MS 图表烛台 如何设置尾部颜色

Question

我目前正在 Visual C# 中使用 mschart 开发烛台图。我现在已经创建了两个图表并创建了如下图表

问题 1. 查看顶部的烛台图。我想将每个杆的尾部颜色应用为红色或蓝色。

问题 2. 查看底部的条形图。我想将红色或蓝色应用于此图表。我想将相同的颜色应用到烛台图表的顶部。我该怎么做 ？

[来源]

DataTable table_ChartData = new DataTable();
table_ChartData.Columns.Add("Id");
table_ChartData.Columns.Add("Open");
table_ChartData.Columns.Add("Close");
table_ChartData.Columns.Add("High");
table_ChartData.Columns.Add("Low");
table_ChartData.Columns.Add("Day");
dataGridView1.DataSource = table_ChartData;  

chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineWidth = 1;
chart1.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineWidth = 1;
chart1.ChartAreas["ChartArea1"].AxisY.Maximum = max;
chart1.ChartAreas["ChartArea1"].AxisY.Minimum = min;

chart1.ChartAreas["ChartArea1"].AxisX.LabelAutoFitStyle = LabelAutoFitStyles.WordWrap;
chart1.ChartAreas["ChartArea1"].AxisX.IsLabelAutoFit = true;
chart1.ChartAreas["ChartArea1"].AxisX.LabelStyle.Enabled = true;


chart1.Series["Candle"].XValueMember = "Day";            
chart1.Series["Candle"].YValueMembers = "High,Low,Open,Close,Volume";
chart1.Series["Candle"].XValueType = System.Windows.Forms.DataVisualization.Charting.ChartValueType.Date;
chart1.Series["Candle"].CustomProperties = "PriceDownColor=Blue,PriceUpColor=Red";
chart1.Series["Candle"]["OpenCloseStyle"] = "Triangle";
chart1.Series["Candle"]["ShowOpenClose"] = "Both";
chart1.DataSource = table_ChartData;
chart1.DataBind();

////////////////////////////////////////////////////////////

chart2.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineWidth = 1;
chart2.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineWidth = 1;
chart2.ChartAreas["ChartArea1"].AxisY.Maximum = v_max + (v_max / 10);
chart2.ChartAreas["ChartArea1"].AxisY.Minimum = v_min / 2;

chart2.ChartAreas["ChartArea1"].AxisX.LabelAutoFitStyle = LabelAutoFitStyles.WordWrap;
chart2.ChartAreas["ChartArea1"].AxisX.IsLabelAutoFit = true;
chart2.ChartAreas["ChartArea1"].AxisX.LabelStyle.Enabled = true;


chart2.Series["Bar"].XValueMember = "Day";
chart2.Series["Bar"].YValueMembers = "Volume";
chart2.Series["Bar"].XValueType = System.Windows.Forms.DataVisualization.Charting.ChartValueType.Date;
chart2.Series["Bar"].YValueType = System.Windows.Forms.DataVisualization.Charting.ChartValueType.Int32;
chart2.DataSource = table_ChartData;
chart2.DataBind();

Answer 1

在K线图也有CustomProperties到automatiaclly设置框的颜色，根据不同的走势：

someSeries.SetCustomProperty("PriceUpColor", "Green");   
someSeries.SetCustomProperty("PriceDownColor", "Red");

不幸的是，无法设置连接高值和低值的线条的颜色。

但是，除非您弄乱了其他自定义属性并且 x 值有意义，否则您可以轻松绘制这些线条，并且通过分别绘制顶部和底部部分，您还可以使用不同的颜色。

下面是一个例子：

private void chart6_PostPaint(object sender, ChartPaintEventArgs e)
{
    ChartArea ca = chart6.ChartAreas[0];
    Series s = chart6.Series[0];
    Pen hiPen = Pens.Green;
    Pen loPen = Pens.Red;

    if (e.ChartElement == s)
    foreach (DataPoint dp in s.Points)
    {
        float x       = (float)ca.AxisX.ValueToPixelPosition(dp.XValue);
        float y_hi    = (float)ca.AxisY.ValueToPixelPosition(dp.YValues[0]);
        float y_low   = (float)ca.AxisY.ValueToPixelPosition(dp.YValues[1]);
        float y_open  = (float)ca.AxisY.ValueToPixelPosition(dp.YValues[2]);
        float y_close = (float)ca.AxisY.ValueToPixelPosition(dp.YValues[3]);

        e.ChartGraphics.Graphics.DrawLine(hiPen, x, y_low, x, Math.Min(y_close, y_open));
        e.ChartGraphics.Graphics.DrawLine(loPen, x, y_hi,  x, Math.Max(y_close, y_open));
    }
}

要为第二个图表的点设置颜色，您需要遍历这些点，因为无法在绑定中设置颜色。

代码很简单：

void SetColors(Series candles, Series columns)
{
    for (int i = 0; i < candles.Points.Count; i++)
    {
        DataPoint dp = candles.Points[i];
        columns.Points[i].Color =
            dp.YValues[2] > dp.YValues[3] ? Color.Red :  Color.Green;
    }
}

绑定后调用！

结果：

请注意，为了避免看到原始线条闪耀，我们将 设置BorderWidth为 0：

someSeries.BorderWidth = 0;