Overlapping Values On Multi-Series Line Chart

[lkelly]

I'm using a multi-series line chart with showValues=1 and valuePosition=0. The overlapping of some of the values (even when both series have the same value) doesn't look very good. I'll see an "8" slightly offset from another "8" or a "34" positioned above the anchor and a "44" positioned below the other series anchor and they overlap. Can anything be done about this? Outside of turning showValues to 0 of course.

[Swarnam]

Hey,

 

Try setting "valuePosition" attribute for the overlapping data element.

 

This attribute accepts ABOVE, BELOW and AUTO.

 

So, one data set value can be placed above the anchors and other below.

[MilanShe]

Hi ,

 

I tried the above method , but its not working properly

[Swarnam]

Hey,

 

Welcome to FusionCharts Forum Post.

 

Can you share a screenshot of the issue faced?

[MilanShe]

PFA

[Haritha]

Hi,

 

The attribute "valuePosition" has to be used at the set level.

 

Ref.

<set .. valuePosition='BELOW'  />

 

Please find an attached XML created according to your chart in the screenshot and a screenshot of the chart obtained using the XML.

 

Hope this helps.

Data.xml

[MilanShe]

Hi,

 

I tried it as json data

Below is the code snippet..   "value position" is not working as expected

 

[{"seriesname":"2011",
   "data":[{"value":"50","valuePosition":"BELOW"},
           {"value":"90","valuePosition":"BELOW"},
           {"value":"92","valuePosition":"BELOW"},
           {"value":""},
           {"value":""},
           {"value":""},
           {"value":""}]},
    {"seriesname":"2016",
   "data":[{"value":"100"},
           {"value":"100"},
           {"value":"100"},
           {"value":"400"},
           {"value":"500"},
           {"value":"510"},
           {"value":"520"}]}]});

Edited April 2, 2014 by MilanShe

[Haritha]

Hi,

 

This attribute works fine using your JSON data too using the latest version of FusionCharts v3.3.1 SR3.

 

Please check if you are using the latest version. If not, you may download a trial copy of the same from  http://www.fusioncharts.com/download/ and check it again.

 

Hope this helps.

[MilanShe]

Hi,

 

Currently we are using fusion chart version 3.3.1-sr3

 

 

But the valueposition is not working as expected..

 

 

[Haritha]

Hi,

 

Could you please attach your complete JSON data here so that we can test it further?

 

Awaiting your response.

[MilanShe]

Hi,

 

Below is the json data,

 

{"chart":{"borderColor":"#F3FBFE","paletteColors":"#333399,#CC9900","canvasBgColor":"#F3FBFE",

"canvasBgAlpha":"100","bgcolor":"#F3FBFE","bgAlpha":"100"},

"categories":[

{"category":

[{"label":"2011"},

{"label":"2012"},

{"label":"2013"},

{"label":"2014"},

{"label":"2015"},

{"label":"2016"},

{"label":"2017"}]}],

"dataset":[{"seriesname":"2011",

"data":[{"value":"50","valuePosition":"BELOW"},

{"value":"90","valuePosition":"BELOW"},

{"value":"92","valuePosition":"BELOW"},

{"value":""},

{"value":""},

{"value":""},

{"value":""}]},

{"seriesname":"2016",

"data":[{"value":"100"},

{"value":"100"},

{"value":"100"},

{"value":"400"},

{"value":"500"},

{"value":"510"},

{"value":"520"}]}]}

 

 

After applying value position also , the values 50,90 and 92 is coming above the line and its getting overlapping with the other values

 

Can u pls help me to resolve this issue

[Swarnam]

Hi,

 

The values appears above the line plot due to limited space. FusionCharts automatically overrides the attribute[valuePosition] because of label management. 

 

Try increasing the height of the chart, the values will appear below the line plot and overlapping does not occur.

 

Hope this helps.

[MilanShe]

Hi Swarnam,

 

Isuue is solved..Thanks

[Swarnam]

[vaibhav]

Hi,

 

I have tried above solution, but it is not working for me.

 

I'm using fusion chart free and facing one issue that chart lines overlap each other when there are same values for those lines. Please see image in below link where you can see four graph lines overlaps as there are same values for all four lines.

 

Is there any way to show four value pairs on hover on that point or is there any alternative to this.

Edited October 10, 2014 by vaibhav

[Nabajeet]

Hi,

 

By property of the charts only the value of the chart which is declared last shall be displayed in the tooltips if a number of data points overlap each other.

 

The only solution is to add static tooltext( including the text you want to add)  to that category where the data values overlap.

[Vero]

Hello,

 

I am trying to use the valuePosition parameter on a Scroll Stacked Column 2D Chart but it seems to ignore the setting. And in fact when checking the documentation, I see that the valuePosition parameter is supported on many chart types, but it's not listed for this type of chart. I tried using it at the chart, dataset and set level, but no luck. Any reason why this chart would be exempt from this setting somehow? I'd like to align my values at the bottom of the lowest bar of the stack, but they're all automatically centered.

 

Of course, it's entirely possible I'm doing something wrong. ^^ Any suggestions?

 

Edit: according to the .js file, I have the latest version (3.3.1-sr3).

Edited October 30, 2014 by Vero

[Nabajeet]

Hi,

 

Stacked Charts does not support valuePosition, a workaround shall be to use annotations.

[Vero]

That's too bad... seems like it naturally should.

 

By annotations, do you mean tooltips? I already use that to display something else... :/

[Vero]

Or... did you mean the Annotations feature? That seems to have been added in version 3.4, and we're on 3.3.1 SR3. Is upgrading to 3.4 free?

[Swarnam]

Hi,

 

Yes, Annotation feature has been added in FusionCharts Suite v3.4

 

For upgrade, can you please drop a mail to "[email protected]"? They would be able to assist you.