Hi, We are using date values in x-axis with MMM-dd format with angle of 90. I have following problems:1. Few dates values are Ellipsis and show ... can we avoid this situation.2. Can we adjust plot area position or x-axis height explicitly
Thanks
Hi,
Could you explain what you are doing differently than this sample, for example:
<igChart:XamWebChart x:Name="theChart" > <igChart:XamWebChart.Axes> <igChart:Axis AxisType="PrimaryX"> <igChart:Axis.Label> <igChart:LabelGroup Format="{}{0:MMM-dd}" Angle="90"/> </igChart:Axis.Label> </igChart:Axis> </igChart:XamWebChart.Axes> <igChart:XamWebChart.Series> <igChart:Series ChartType="ScatterLine" DataSource="{StaticResource data}" DataMapping="ValueX = DateTime; ValueY = Value"/> </igChart:XamWebChart.Series> </igChart:XamWebChart>
Code behind:
public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); } } public class TestData : ObservableCollection<TestDataItem> { public TestData() { Add(new TestDataItem() { DateTime = new DateTime(2006, 10, 6), Value = 1 }); Add(new TestDataItem() { DateTime = new DateTime(2006, 11, 6), Value = 2 }); Add(new TestDataItem() { DateTime = new DateTime(2006, 12, 6), Value = 3 }); Add(new TestDataItem() { DateTime = new DateTime(2007, 1, 6), Value = 1 }); Add(new TestDataItem() { DateTime = new DateTime(2007, 2, 6), Value = 2 }); Add(new TestDataItem() { DateTime = new DateTime(2007, 3, 6), Value = 3 }); Add(new TestDataItem() { DateTime = new DateTime(2007, 4, 6), Value = 1 }); Add(new TestDataItem() { DateTime = new DateTime(2007, 5, 6), Value = 2 }); Add(new TestDataItem() { DateTime = new DateTime(2007, 6, 6), Value = 3 }); } } public class TestDataItem { public DateTime DateTime { get; set; } public double Value { get; set; } }
Thanks,
Graham
Hi Graham,
PFA sample image as per discussion.
Could you share an example or a screenshot of the problem you are experiencing?
-Graham