Access/Manipulate Points on NVD3 Line Chart - javascript

I want to access the points of an NVD3 line chart independently, so I may hide/show them selectively, and pass them metadata to display in their tooltips.
I have a chart with an X-axis showing hours, 0-24. I wish to be able to selectively hide/show point markers at only select hours, to indicate some type of event has occurred at that time.
I am looking for a way, preferably, to get all the points as an array, iterate through them, determine if they should be hidden or shown, and manipulate their colour, and metadata for their tooltip.
I don't see any examples of being able to select all the points, but I know there must be a way.
Thanks for your help!

Related

How can I activate a specific datapoint in an ReCharts Area Chart?

I have an AreaChart (actually a ComposedChart with an Area and a Line) and I would like to display a tooltip over one of the data points after the chart renders. Works great if I mouseover the chart, but I want it to display on render. For a PieChart I can do this via the ActiveSlice and set the slice I want to be active, then handle it in there, but for Area Charts I can't find a way.
I am actually using a Custom Tooltip and so could do this myself if I could get access to the internal data points that are created when the chart renders, but can't find a way to get at them (I was hoping they might be passed into onAnimationEnd, but no luck).
Any pointers appreciated!

How to get X-Axis value of google area chart without using chart.getSelection method

I need to find resolution of graph.for that I need first two values from X-axis values(which is time values) displayed on google chart but without any click events like chart.getSelection()graph example given here.
Also values keep changing when graph zoomed hence values are dynamic.Thankyou

Merge two or more graphs using library

I am trying to make a dynamic graph something like as below:
Y-axis gives no. of users and x axis date range(For continuous graph )
x axis gives release of an algo on that date.(For discontinued graph)
I tried combined charts of highchart this and looked in google charts library.
Is there any way by how i can either directly generate a similar chart or merge two chart types in to one? Preferably using high charts or google graphs.
I guess we can merge two highcharts in to one but I am not very sure about it, also if we can Iam not sure how to do that.
Any help is appreciated.
Thanks
I am aware that you said "Preferably using high charts or google graphs", but I want to point out that this can be done very easily in C3.js using the "types" parameter to specify the graph type for each data item.
Demo: http://c3js.org/samples/chart_combination.html
I would suggest using plot bands to indicate release dates and types. You can dynamically add them using the addPlotBand() method (see http://api.highcharts.com/highcharts#Axis.addPlotBand). They would then overlay your "run of the mill" line chart showing number of users over time.
Assuming you have data that can distinguish between the release types, you could write code that adds a plot band of the desired color at the specific points on the x-axis.
I'd suggest making the plot bands have a from and to value thin enough (say, one interval or one date's worth) so it shows up as the thin stripes in your example.
You'd need to add a manual legend to show users what those colors mean, since plot bands wouldn't automatically show up in a Highcharts legend.
I hope this helps!

KendoUI Dataviz series markers on top of each other

I have been using KendoUI Dataviz for only a short time, and have found I am able to customize it in almost anyway to meet my needs except one. I have two different charts where certain series just happen to have more than one point with the same plots. (dynamic data) I am unable to see all of the tooltips for all of the markers (since they are on top of each other), which means I am also unable to use the seriesClick or seriesHover events on those that are hidden. I have searched Kendo's forums, Stackflow and even Google but can't find anything specifically on the unreachable issue. Kendo's forums mention hiding the tooltip and making a custom one, but I haven't found anything that addressed the fact that some series markers are just unreachable and I need to reach them to use those events. Does anyone have an idea on how I can reach all markers for the series?
I've not been able to figure out a way to show "hidden" data points. I've had to do something similar in the past, and used a custom tooltip template function. In the function I grab the category (x value in my scatter chart sample), and get all matching items from the datasource. Then just put together some sort of list/etc. and return that. You can always go super fancy and make a box with tabs and the whole nine yards to show each dataItem on that particular point.
See sample on jsbin
http://jsbin.com/ONuQUgiY/1/edit

highcharts reversed x-axis label stepping

I have several highcharts graphs that display data over a date-range that can be customized by the user. In cases where the range specified is very long and granular, I tell highcharts to skip x-axis labels by setting xAxis.options.labels.step to some value n.
My problem is that this usually results in the last date on the x-axis not being displayed. Highcharts will by default always show the first (left-most) date, then show every nth label up to the edge of the graph, but this won't always include the final label.
For my use case, I would prefer the opposite: I want the final date to always be displayed and then show every nth date moving to the left, not necessarily including the first date. Is there a knob I'm missing that would allow me to tweak highcharts to obtain this behavior?
Thanks!
I decided to use tickPositioner and just apply the date formatting manually. I managed to find a way to do this such that the x-axis labels show up appropriately.

Categories