How to highlight a point on a Simple Line Chart in NVD3? - javascript

I have a Simple Line Chart in NVD3 like this one http://nvd3.org/examples/line.html
I would like to highlight (overlapping a circle for example) one particular point (a given x) on my serie.
I haven't found something similar to the Highcharts addPoint() in NVD3, example: http://api.highcharts.com/highcharts#Series
Moving the tooltip programmatically could work as well.
Thanks in advance!

Related

Draw vertical lines in chart

Is there any way to draw vertical lines in chart. (i.e.)
Under each dot there is a vertical line which is projected to x axis.
Could you advise how to customize it with Google Chart , of course if it is possible?
Are there any other libraries with such kind of line chart ?
p.s. In project I use Angular 1.5. Also I took a look on nvd3 but didn't find what I want
see config options...
use option for vAxis.gridlines to customize vertical lines...

ChartJS: Can interior of polar area chart be hollow?

I have a polar bar chart made with chart.js and it looks something like this.
But I would like to have a hollow center (where the bars do not extend all the way to the center of the circle) and the documentation seems silent on this. It's possible the functionality doesn't exist but I'll ask anyways. I'd like a chart that looks more like this.
Know what I mean?
I what you are looking for is called an Aster Plot. They look like this:
two aster plots
Here is one implementation:
http://bl.ocks.org/bbest/2de0e25d4840c68f2db1

Is it possible to add Piecharts to d3 tooltips

I have been searching for a working example of a chart inside tooltips of the another chart. I have not been able to find something so far. I am wondering if it is at all possible.
Yes, probably it is not very common but as far as I know it is possible and you just need to append the new D3 SVG drawing into the tooltip with the function
d3.select("#tooltip").append("svg:svg") //Line 252
On this D3 chart tooltip JSFiddle I'm adding a D3 chart to the #tooltip element.

Highcharts line chart: point should be clickable, the line between the points not. Is that possible?

I have a Highcharts line chart where the points need to be clickable, but the line between the points shouldn't (customer requirements...) - I couldn't find anything in the Highcharts API, neither here on stackoverflow. Is this even possible?
You can use one of plugins, which allows do that.
http://www.highcharts.com/plugin-registry/single/15/Custom-Events

Highcharts highstocks - Dual chart axis issue

Looking through the documentation for Highstocks, I found this example:
Shown here is two series on the same chart, therefore with a linked range selector - this is really really useful, but I wish to display something different which is proving to be very difficult.
What I'm looking for is a normal line graph on the top series, representing data plotted onto time (almost like in this example), but a bar chart or horizontal candle chart in the lower graph, representing one or more timelines.
I've drawn an image of what I'm looking for:
I apologise for the crude drawing, but hopefully it shows what I am aiming to achieve: standard graph on top, bar/candle on bottom.
I have attempted various techniques to render this, but I can't find a way to have both series drawn on the same timescale, linked with the same range selector.
In case it helps, here's a starting point on JSFiddle, with all the unnecessary code removed: http://jsfiddle.net/g105b/8JhXv/
and a link to the original demo: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/
Answer taken from official Highcharts forum
it is possible, but with some limitations. In the fact you want to show gantt chart. Bar charts aren't possible in your case - bar chart = inverted whole chart (yAxis becames xAxis, etc). Instead take a look at example for gantt chart: http://jsfiddle.net/highcharts/r6emu/
You can combine them into one, ane effect: http://jsfiddle.net/8JhXv/1/
About limits:
tooltip fo bottom chart is availabe only when you mouseover start and end date
bars are on lines, not between them

Categories