In ProgressPosted in: Product Support
JustinJune 16, 2016 at 12:02 am #6209
My apologies for what may be a simple issue but, I have a small query. I have recently started poking around the demo set of data and I can see the graphs and data sets with no issue but, they only present one set of data on one graph at any one time.
I would like to know how I could implement a second line, in my case “Targets” in the same graph as the “Actuals”. Its all well and good being able to track the values month to month but, having a target marker or line would make the graphing more valuable.
Any pointers would be welcome.
JvizulyJune 16, 2016 at 6:04 am #6210
Which visualization are you referring to?
– TomJustinJune 16, 2016 at 1:21 pm #6213
Using the above. I like the number of graphs I can present but, without a target in the same graph I cant present information in a best or worse case scenario.
Is it possible to show multiple series within the same graph and present two sets of numbers within the black info box?
JvizulyJune 16, 2016 at 1:38 pm #6214
Yes, that should be relatively easy.
The linear_mobile.js graph file is an optimized version of our desktop LineArea Graph.
The data property can accept an array of arrays. With each array acting as a series of data points (makes some assumptions on common xScale values..)
In the mobile app example files you can see we are only passing in one array.
var chart=vizuly.viz.linearea_mobile(item) .data([symbols[i].values])
You would want to modify this to pass in two arrays, one for actual and one for targets. You would probably want to customize vizuly.theme.linearea_mobile() or make your own theme as well to support any different Style or UX treatment between targets and actuals.
I hope that helps get you pointed in the right direction.
You must be logged in to reply to this topic.