ChartJS: Can interior of polar area chart be hollow? - javascript

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

Related

is it possible to do range bar chart with curve line ( S Curve)

I attached the graph I want to achieve.. can you recommend any library/ how to do this kind of graph?
I looked at libraries such as charts.js, anycharts,canvasJs, High Charts (has payment client wouldn't like that) One interesting I found is Google Charts' Combo chart but have no idea how to do it.
https://i.stack.imgur.com/hm5uf.png
I used d3 Line chart and append it on top of the progress bar chart. since it's an svg the background is transparent. hope that helps someone

OHLC chart draw a line on from one point to another

I am developing Andrews'Pitchfork on an OHLC chart using High chart library. I have plot the graph but i am not able to find a way to draw a line on the chart. How can this be achieve.
Any help would be highly appreciated.
The graph looks like this. I have plot the graph but how to draw line does high chart gives this ability ?
Andrew PitchFork
Yes. You can use SVGRenderer.path function for this: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#path

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

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!

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

Stacked line charts or streamgraphs in Raphael?

Does anyone have any examples of stacked graphs (or stream graphs) in Raphael?
I'm wondering if there is a working Raphael equivalent of this D3 streamgraph:
The closest I've seen is this line chart example:
I guess I could just knock up a stacked graph based on this, but it'd be great if anyone already had some outline code.
Are you looking for something like this. It's based on Raphael.
If you need something more powerful I could recommend Sencha ExtJS.
Area Graph #1 and Area Graph #2 are looking quite like your posted D3 streamgraph.

Categories