Hello,
Please see the attached pic.
There are actually three lines in the chart (3 legends) but they have very close values. In the chart, part of the lines overlap. Can we do something to make them 3 different lines?
Thanks in advance.
Best regards,
Zach
Hello Zach,
Thank you for the screenshot. I could suggest you two approaches in order to resolve this issue:
- you could reduce the thickness of the line series so in case both series have similar values they will not overlap.
.Series(s =>
{
s.Line("ActiveCustomers").Thickness(2)
.XAxis("Label")
.YAxis("Count")
.ValueMemberPath(cc => cc.CustomerCount);
})
- you could change the scale of the chart axes by setting min I max values for the properties for minimumValue and maximumValue of your numeric axes.
a.NumericY("Count")
.MinimumValue(0)
.MaximumValue(20);
For additional reference you could check:
http://help.infragistics.com/jQuery/2012.2/ui.igDataChart#options
Please let me know if this helps.
The reducing thickness idea is very great, I'm going to use it in my solution.
Thanks!