Управление диаграммой MS с двумя Y-осями
Я строю диаграмму, чтобы показывать элементы по объему по категориям. До сих пор мне было трудно показать элементы по объему, поскольку это простая диаграмма x/y, но я бы хотел показать y2, и я знаю, что в MS Chart Controls есть встроенный AxisY2, однако, когда я пытаюсь что-нибудь с ним, Chart get все фанки.
Вот то, что я ищу (в искусстве ascii):
item1 |[][][][][].............| cat1
item2 |[][]...................| cat2
item3 |[][....................| cat1
item4 |[][][][][][][][........| cat1
|_______________________|
0 1 2 3 4 5
Как упоминалось ранее, я могу получить Элементы и подсчеты, чтобы показать, что это относительно легко, это категории, которые я не могу разместить.
Спасибо
Ответы
Ответ 1
Краткий ответ вначале: в соответствии с примерами MS, прямого способа сделать это не существует, а есть обходной прием: нарисуйте серию на второй диаграмме, точно совпадая с позицией вашей существующей области (выполнив копию вашей серии), имеющей невидимый первичный Ось X/Y и видимая вторичная Ось Y (Ось Y2). И установите прозрачную диаграмму chartArea и задний план скопированных серий. (Это может быть применено к вторичной оси X в случае графиков столбцов, а не столбцов)
//Suppose you already have a ChartArea with the series plotted and the left Y Axis
//Add a fake Area where the only appearent thing is your secondary Y Axis
ChartArea area1 = chart.ChartAreas.Add("ChartAreaCopy_" + series.Name);
area1.BackColor = Color.Transparent;
area1.BorderColor = Color.Transparent;
area1.Position.FromRectangleF(area.Position.ToRectangleF());
area1.InnerPlotPosition.FromRectangleF(area.InnerPlotPosition.ToRectangleF());
area1.AxisX.MajorGrid.Enabled = false;
area1.AxisX.MajorTickMark.Enabled = false;
area1.AxisX.LabelStyle.Enabled = false;
area1.AxisY.MajorGrid.Enabled = false;
area1.AxisY.MajorTickMark.Enabled = false;
area1.AxisY.LabelStyle.Enabled = false;
area1.AxisY2.Enabled = AxisEnabled.True;
area1.AxisY2.LabelStyle.Enabled = true;
// Create a copy of specified series, and change Y Values to categories
Series seriesCopy = chart.Series.Add(series.Name + "_Copy");
seriesCopy.ChartType = series.ChartType;
foreach(DataPoint point in series.Points)
{
double category = getYourItemCategory(point.XValue);
seriesCopy.Points.AddXY(point.XValue, category);
}
// Hide copied series
seriesCopy.IsVisibleInLegend = false;
seriesCopy.Color = Color.Transparent;
seriesCopy.BorderColor = Color.Transparent;
//Drop it in the chart to make the area show (only the AxisY2 should appear)
seriesCopy.ChartArea = area1.Name;
PS: я провел две ночи без сна, возиться с элементами управления графиками MS, пытаясь поместить две разные оси Y в область графика. Я хотел поставить две по-разному масштабированные серии (одна и та же шкала Х, разные шкалы Y: одна слева для серии А, другая справа для серии В). На самом деле, это оказалось настоящим кошмаром, когда можно было ожидать, что это будет довольно просто. Правда в том, что MS Chart Controls определенно НЕ адаптированы для этого конкретного случая использования IMHO. Пример с несколькими осями Y, предложенный в примерах MSCC, представляет собой ужасный и очень уродливый обходной путь, для которого требуется две хартареи поверх стандартной, играющей с видимостью и прозрачностью, для достижения желаемого эффекта (который звучит как очень плохая иллюзия магии трюк).
В надежде на то, что это будет обогащено и исправлено в будущих версиях, если вам действительно нужен эффективный способ управления несколькими осями Y, зайдите на ZedGraph
Ответ 2
Вот что я сделал для меня - после создания диаграммы я добавил следующие строки:
chrtMain.Series[0].YAxisType = AxisType.Primary;
chrtMain.Series[1].YAxisType = AxisType.Secondary;
chrtMain.ChartAreas[0].AxisY2.LineColor = Color.Transparent;
chrtMain.ChartAreas[0].AxisY2.MajorGrid.Enabled = false;
chrtMain.ChartAreas[0].AxisY2.Enabled = AxisEnabled.True;
chrtMain.ChartAreas[0].AxisY2.IsStartedFromZero = chrtMain.ChartAreas[0].AxisY.IsStartedFromZero;
Не нужно было накладывать две диаграммы или что-то еще!
Ответ 3
Это становится еще лучше:
Для использования второй оси Y нет необходимости в второй области диаграммы. Вы можете выбрать для каждой серии, какую ось вы хотите использовать с свойством Series.YAxisType.
Взгляните на документацию на http://msdn.microsoft.com/en-us/library/dd489216.aspx
Мартейн
Ответ 4
Вы можете добавить столько рядов по оси Y, сколько хотите, ниже кода - выдержка из диаграммы, которую я использую, которая имеет более 2 вторичных осей y, код для vb.net, но я уверен, что вы можете работать это:
ChartKPI.Series.Clear()
ChartKPI.Series.Add("Series1")
ChartKPI.Series("Series1").XValueMember = "Date"
ChartKPI.Series("Series1").YValueMembers = "HSDPA_Vol_MBy"
ChartKPI.Series("Series1").Name = "HSDPA_Vol_MBy"
ChartKPI.Series("HSDPA_Vol_MBy").ChartType = SeriesChartType.Column
ChartKPI.Series("HSDPA_Vol_MBy").ToolTip = "HSDPA MBytes: #VAL"
ChartKPI.Series.Add("Series2")
ChartKPI.Series("Series2").YAxisType = AxisType.Secondary
ChartKPI.Series("Series2").XValueMember = "Date"
ChartKPI.Series("Series2").YValueMembers = "cs_voice_traffic"
ChartKPI.Series("Series2").Name = "cs_voice_traffic"
ChartKPI.Series("cs_voice_traffic").ChartType = SeriesChartType.Line
ChartKPI.Series("cs_voice_traffic").BorderWidth = 3
ChartKPI.Series("cs_voice_traffic").ToolTip = "CS Voice Traffic: #VAL"
ChartKPI.Series.Add("Series3")
ChartKPI.Series("Series3").YAxisType = AxisType.Secondary
ChartKPI.Series("Series3").XValueMember = "Date"
ChartKPI.Series("Series3").YValueMembers = "cs_conv_traffic"
ChartKPI.Series("Series3").Name = "cs_conv_traffic"
ChartKPI.Series("cs_conv_traffic").ChartType = SeriesChartType.Line
ChartKPI.Series("cs_conv_traffic").BorderWidth = 3
ChartKPI.Series("cs_conv_traffic").ToolTip = "CS Conv Traffic: #VAL"
ChartKPI.Series.Add("Series4")
ChartKPI.Series("Series4").YAxisType = AxisType.Secondary
ChartKPI.Series("Series4").XValueMember = "Date"
ChartKPI.Series("Series4").YValueMembers = "ps_backg_traffic_ul"
ChartKPI.Series("Series4").Name = "ps_backg_traffic_ul"
ChartKPI.Series("ps_backg_traffic_ul").ChartType = SeriesChartType.Line
ChartKPI.Series("ps_backg_traffic_ul").BorderWidth = 3
ChartKPI.Series("ps_backg_traffic_ul").ToolTip = "PS Backg Traffic UL: #VAL"
ChartKPI.Series.Add("Series5")
ChartKPI.Series("Series5").YAxisType = AxisType.Secondary
ChartKPI.Series("Series5").XValueMember = "Date"
ChartKPI.Series("Series5").YValueMembers = "ps_backg_traffic_dl"
ChartKPI.Series("Series5").Name = "ps_backg_traffic_dl"
ChartKPI.Series("ps_backg_traffic_dl").ChartType = SeriesChartType.Line
ChartKPI.Series("ps_backg_traffic_dl").BorderWidth = 3
ChartKPI.Series("ps_backg_traffic_dl").ToolTip = "PS Backg Traffic DL: #VAL"
ChartKPI.ChartAreas("ChartArea1").AxisX.Title = "HSDPA Traffic (MB)"
ChartKPI.ChartAreas("ChartArea1").AxisX.MajorGrid.Interval = 1
ChartKPI.ChartAreas("ChartArea1").AxisX.LabelStyle.Interval = 1
ChartKPI.ChartAreas("ChartArea1").AxisY.Title = "RRC Attempts"
ChartKPI.ChartAreas("ChartArea1").AxisY2.Title = "R99 Traffic (Erlang)"
ChartKPI.DataBind()
Ответ 5
Решение:
chart1.ChartAreas[1].AlignWithChartArea = chart1.ChartAreas[0].Name;
chart1.ChartAreas[1].AlignmentOrientation = AreaAlignmentOrientations.All;