lkelly

Overlapping Values On Multi-Series Line Chart

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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.:)

Capture.PNG

Share this post


Link to post
Share on other sites

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

post-37797-0-19037700-1396415817_thumb.png

Share this post


Link to post
Share on other sites

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"}]}]});

post-62592-0-89007300-1396424248_thumb.png

Edited by MilanShe

Share this post


Link to post
Share on other sites

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

post-62592-0-90099900-1396609237_thumb.png

Share this post


Link to post
Share on other sites

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.

Capture.PNG

Share this post


Link to post
Share on other sites
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.

post-48253-0-96824200-1412942121_thumb.png
Edited by vaibhav

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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 by Vero

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now