Page 1 of 1
Series Line skip and label questions
Posted: Mon Apr 08, 2013 7:28 pm
by 17765305
How can I just skip over a point in a series if it doesn't have a value?
S1.data.values = [R1, R2, R3, R4, R5, R6, R7, R8, R9];
S1.data.x = [250, 500, 1000, 1500, 2000, 3000, 4000, 6000, 8000];
Like if R4 is a null value?
X axis labels = [".25K",".5K", "1K", "1.5K", "2K", "3K", "4K", "6K", "8K"];
I want the labels to print whether the particular point in the series has a value or not.
Also, how can I make each of the labels on the X axis be equal distance apart, even if they're numeric and not an equal value apart?
Re: Series Line skip and label questions
Posted: Tue Apr 09, 2013 2:09 pm
by yeray
Hi,
You can add null values as in the following example:
Code: Select all
Chart1.addSeries(new Tee.Line([5,3,2,null,7,1]) );
Re: Series Line skip and label questions
Posted: Tue Apr 09, 2013 4:26 pm
by 17765305
Thank you. I will give that a try.
Re: Series Line skip and label questions
Posted: Wed Apr 10, 2013 2:21 pm
by 17765305
That did not work. Wondering if there is something in the setup that I am missing.
Re: Series Line skip and label questions
Posted: Wed Apr 10, 2013 3:18 pm
by yeray
Hi,
Sorry, the actual version doesn't support treatNulls so with a Line series you can add the null points and they are just skipped.
The next maintenance release will include the treatNulls property that will allow you to choose between:
"skip": it doesn't draw the point but the line segment between the points before and after the null point is still drawn.
"dontPaint": the point isn't drawn and neither the segment linking the points next to it.
Re: Series Line skip and label questions
Posted: Wed Apr 10, 2013 3:29 pm
by 17765305
Is the best workaround then to stop when reaching a null, and then manually join the prior point and the next point?
Do you know of another workaround? I have worked with TeeChart in Delphi before, but not in javascript. We now need our graph on our web page.
Are there any manuals or books that can be downloaded that describe the TeeChart javascript process.
Re: Series Line skip and label questions
Posted: Fri Apr 12, 2013 8:10 pm
by 17765305
For some reason I did get part of it working today:
AChart=new Tee.Chart("canvas1");
var SerR=new Tee.Line();
R1=50, R2=null, R3=80, R4=40, R5=40, R6=50, R7=null, R8=80, R9=80 ;
SerR.data.values.clear;
SerR.data.x = [250, 500, 1000, 1500, 2000, 3000, 4000, 6000, 8000];
SerR.data.values = [R1, R2, R3, R4, R5, R6, R7, R8, R9];
SerR.data.labels = [".25K", ".5K", "1K", "1.5K", "2K", "3K", "4K", "6K", "8K"];
AChart.addSeries(SerR).pointer.visible = true;
Not sure what happened other than maybe order of lines changed.
Now to get the X=axis to space equally between the 9 points, even though their numeric difference is not equal.
Any suggestions would be appreciated.
Re: Series Line skip and label questions
Posted: Tue Apr 16, 2013 10:33 am
by yeray
Hi
DALC.SENIOR wrote:Not sure what happened other than maybe order of lines changed.
I'm glad to hear you made it work fine. If you find what makes the difference, don't hesitate to share it with us.
DALC.SENIOR wrote:Now to get the X=axis to space equally between the 9 points, even though their numeric difference is not equal.
Any suggestions would be appreciated.
You can play with the axis increment.
Code: Select all
AChart.axes.bottom.increment = 1000;
However, no label will be drawn where you don't have a point. So you may prefer to show the axis
values instead of the series
labels in the bottom axis labels:
Code: Select all
AChart.axes.bottom.labels.labelStyle = "value";
Re: Series Line skip and label questions
Posted: Tue Apr 16, 2013 2:33 pm
by 17765305
Yes, I have tried that and it helps, but is not what our user's expect to see.
Previously in a Delphi7 & TeeChart application I did several years ago, I manually drew grid lines on the graph in that way.
Haven't seen a way in TeeChart for javascript to do that yet.
Re: Series Line skip and label questions
Posted: Wed Apr 17, 2013 1:19 pm
by yeray
Hello,
This is what I get with the code below and the actual sources we have here, isn't it what you are expecting?
If not, please, try to describe what are you expecting to achieve, or show it to us in a picture.
- 2013-04-17_1516.png (31.69 KiB) Viewed 25152 times
Code: Select all
var SerR=new Tee.Line();
R1=50, R2=null, R3=80, R4=40, R5=40, R6=50, R7=null, R8=80, R9=80 ;
SerR.data.values.clear;
SerR.data.x = [250, 500, 1000, 1500, 2000, 3000, 4000, 6000, 8000];
SerR.data.values = [R1, R2, R3, R4, R5, R6, R7, R8, R9];
SerR.data.labels = [".25K", ".5K", "1K", "1.5K", "2K", "3K", "4K", "6K", "8K"];
Chart1.addSeries(SerR).pointer.visible = true;
Chart1.axes.bottom.increment = 1000;
Chart1.axes.bottom.labels.labelStyle = "value";
Re: Series Line skip and label questions
Posted: Wed Apr 17, 2013 1:57 pm
by 17765305
Yes, those are the points. The problem is that it is the points that need to be equal distance apart, not the numbers.
_____ .25K_____.5K_____ 1K _____ 2K _____ 4K _____ 8K are spaced equally on the x-axis.
I also need some custom symbols for some of the points.
Re: Series Line skip and label questions
Posted: Thu Apr 18, 2013 9:26 am
by yeray
Hello,
DALC.SENIOR wrote:Yes, those are the points. The problem is that it is the points that need to be equal distance apart, not the numbers.
_____ .25K_____.5K_____ 1K _____ 2K _____ 4K _____ 8K are spaced equally on the x-axis.
In that case, you should add the points in equidistant data.x values and show the non-equidistant values, your series labels:
Code: Select all
Chart1=new Tee.Chart("canvas1");
var SerR=new Tee.Line();
R1=50, R2=null, R3=80, R4=40, R5=40, R6=50, R7=null, R8=80, R9=80 ;
SerR.data.values.clear;
SerR.data.values = [R1, R2, R3, R4, R5, R6, R7, R8, R9];
SerR.data.labels = [".25K", ".5K", "1K", "1.5K", "2K", "3K", "4K", "6K", "8K"];
Chart1.addSeries(SerR).pointer.visible = true;
Chart1.draw();
- 2013-04-18_1123.png (32.69 KiB) Viewed 25139 times
DALC.SENIOR wrote:I also need some custom symbols for some of the points.
Since this isn't strictly related, please, continue the discussion in the according thread if the solution suggested doesn't fit your needs:
http://www.teechart.net/support/viewtop ... 18&t=13981