Hello,

I am new to the Nervon Chart.

I am using the code below to rotate a chart label clockwise but the label is only partly shown.

   label1.TextStyle.Orientation = -90  
   label1.Location = New NPointL(70, 10)  
   NChartControl3.Panels.Add(label1)  

chart3 = New NCartesianChart()  
chart3.SetPredefinedChartStyle(PredefinedChartStyle.HorizontalLeft)  
chart3.BoundsMode = BoundsMode.Stretch
 

Hi Stilianos,

We would recommend you to use docking for both the chart and the label (we guess that you want to achieve a label on the left side of the chart that does not overlap the chart contents and does not get cut off). The following code shows how to achieve this:

  NChartControl1.Panels.Clear()
  Dim label As New NLabel("This is docked label to the right")
  label.DockMode = PanelDockMode.Left
  label.TextStyle.Orientation = -90
  label.Location = New NPointL(70, 10)
  label.Margins = New NMarginsL(10)
  NChartControl1.Panels.Add(label)

  Dim chart As New NCartesianChart()
  chart.Margins = New NMarginsL(10)
  chart.SetPredefinedChartStyle(PredefinedChartStyle.HorizontalLeft)
  chart.BoundsMode = BoundsMode.Stretch
  chart.DockMode = PanelDockMode.Fill
  NChartControl1.Panels.Add(chart)

Hope this helps - let us know if you have any questions or meet any problems.

Best Regards,
Nevron Support Team

Hello,

Thank you for your reply. Yes, it is much better now. I still have a problem however with a second label I want to place at the other end of the chart header (bottom of the chart).  The second label is not shown properly and for whatever reason is not on the same line as the first label (see chart below). Can you please provide some assistance?

Thank you,
Stilianos

NChartControl3.Panels.Clear()  
chart3 = New NCartesianChart()  
chart3.SetPredefinedChartStyle(PredefinedChartStyle.HorizontalLeft)  
chart3.BoundsMode = BoundsMode.Stretch  
chart3.DockMode = PanelDockMode.Left
chart3.Margins = New NMarginsL(5)

X2Cursor = CStr(xCursor.Value.ToString("0"))  
TextBox2.Text = X2Cursor 
 
NChartControl3.Labels.Clear()  
Dim label1 As NLabel = New NLabel("label1")  
label1.DockMode = PanelDockMode.Right  
label1.TextStyle.Orientation = -90  
label1.FitAlignment = ContentAlignment.TopRight  
label1.Location = New NPointL(70, 10)  
label1.Margins = New NMarginsL(0)  
NChartControl3.Panels.Add(label1)　  

Dim label2 As NLabel = New NLabel()  
label2.Text = "Cursor:" & X2Cursor  
label2.DockMode = PanelDockMode.Right  
label2.TextStyle.Orientation = -90  
label2.FitAlignment = ContentAlignment.BottomRight  
'label2.Location = New NPointL(70, 160)  
label2.Margins = New NMarginsL(0)  
NChartControl3.Panels.Add(label2)

Hi Stilianos,
We would recommend you to use Fill docking for the chart and a relative position for the second label so that it is attached to the right side of the first label docked to the right. In order for this to work you need to add the chart after you add the labels. The following code shows how to achieve this:

  NChartControl1.Panels.Clear()

  Dim label1 As NLabel = New NLabel("Label 1 Text")
  label1.DockMode = PanelDockMode.Right
  label1.TextStyle.Orientation = -90
  label1.FitAlignment = ContentAlignment.TopRight
  label1.Margins = New NMarginsL(0)
  NChartControl1.Panels.Add(label1)

  Dim label2 As NLabel = New NLabel()
  label2.Text = "Label 2 Text"
  label2.Location = New NPointL(New NLength(100, NRelativeUnit.ParentPercentage), New NLength(100, NRelativeUnit.ParentPercentage))
  label2.TextStyle.Orientation = -90
  'label2.FitAlignment = ContentAlignment.BottomRight
  label2.ContentAlignment = ContentAlignment.TopLeft
  label2.FitMode = TitleFitMode.Clip
  label2.Margins = New NMarginsL(0)
  label1.ChildPanels.Add(label2)

  Dim chart3 As New NCartesianChart()
  chart3.SetPredefinedChartStyle(PredefinedChartStyle.HorizontalLeft)

  Dim barSeries As New NBarSeries
  barSeries.Values.Add(10)
  barSeries.Values.Add(20)
  chart3.Series.Add(barSeries)
  chart3.BoundsMode = BoundsMode.Stretch
  chart3.DockMode = PanelDockMode.Fill
  chart3.Margins = New NMarginsL(5)
  NChartControl1.Panels.Add(chart3)

Hope this helps - let us know if you meet any problems or have any questions.

Best Regards,
Nevron Support Team

Hello,

Thank you for your help. I will try your suggestions. In the meantime, another, hopefully simpler problem, surfaced. When I use the code below the axis ticks and the axis labels do not align. I was able to change the number or the length between ticks but I was not successful in aligning them with the labels.

NChartControl3.Panels.Clear()  
chart3 = New NCartesianChart()  
chart3.SetPredefinedChartStyle(PredefinedChartStyle.HorizontalLeft)　  
chart3.BoundsMode = BoundsMode.Stretch

lineSeries = New NLineSeries()   
lineSeries.DataLabelStyle.Visible = False
chart3.Margins = New NMarginsL(5)



When I remove the: "chart3.SetPredefinedChartStyle(PredefinedChartStyle.HorizontalLeft)" rotation, the ticks and labels show up aligned properly.



Is there a way to ensure that the axis ticks and labels align when the chart is rotated?

Thank you for your help!
Stilianos

Hi Stilianos,
This is because the X axis used an ordinal scale (which is suited for categorical data). If you want the labels to display below the ticks you need to set the DisplayDataPointsBetweenTicks property to false:

NOrdinalScaleConfigurator ordinalScale = chart.Axis(StandardAxis.PrimaryX).ScaleConfigurator as NOrdinalScaleConfigurator;
ordinalScale.DisplayDataPointsBetweenTicks = false;

You can also specify a custom step if the automatically computed one is not good enough:

ordinalScale.MajorTickMode = MajorTickMode.CustomStep;
ordinalScale.CustomStep = 1;

Hope this helps - let us know if you meet any problems or have any questions.

Best Regards,
Nevron Support Team