Linechart with labelled plots

Question

I have a line chart with 4 line series with diamond, circle, box and triangle as item renderer for the plots for these 4 line series. Now my requirement is I want to show labels for the plots in the chart. It should be like this :

_{(source: infocaptor.com)}

I tried with some item renderes but not getting it correctly since I want to use the circles and triangles to render the plots. This is killing my time. Please Help...

Cheers, PK

Answer 1

The link to the example image in your question is broken at the moment, but if you are looking to add labels to your plot, you can use the CartesianDataCanvas class to position elements relative to data coordinates in your chart. If that's what you are looking to do then the second example here should tell you everything you need to know. Again, I can't see the picture of what you are trying to achieve, but it you want the labels on all of your plotted values than another option is to set showAllDataTips to true on your chart object and create a custom dataTipRenderer for the plot. In that case this example should be of use.

Answer 2

Use localToContent and dataToLocal on the dataProvider:

p1_label.text = line1.dataProvider[0].x;
p1_label.x = component.parent.localToContent
    (line1.dataToLocal
       (line1.dataProvider[0].x,line1.dataProvider[0].y)
    ).x - 10;
p1_label.y = component.parent.localToContent
    (line1.dataToLocal
      (line1.dataProvider[0].x,line1.dataProvider[0].y)
    ).y - 10;