I would like to create a graph that has 3 series stacked and then a 4th series that is not part of the stack that runs over the top of the stacked series.
Is this possible in jqplot? the documentation has the stacking option global to the graph and separate from the series options.
Related
I'm using the new sunburst chart for a 2 level hierarchy [country,region] and it works great, but I have one issue:
the second band (region) is tiny compared to the first one (country). How to adjust the radius to it works better visually?
I am using iOS Charts by Daniel Gindi.
I need to draw horizontal stacked area chart (Example). But I cannot find similar charts in examples of the library. I am trying to customise Horizontal Bar Chart like in example. But I cannot to avoid square corners.
How can I draw line instead of bars with squared corners?
Is it possible in this library or I should use another one?
Yes you can.
Use line chart instead ,and set drawFilledEnabled to true.
But the filled area is between line and x axis, so you may need to rotate the chart.
I am using Dimple.js to plot several data series and I need to add a candlestick or hi/lo series on to my existing chart. After some analysis, I have found two possible approaches to do this:
1) Use the floating bar option in Dimple.js. Since the "widths" (heights on the chart, but widths for the floating bar) would be all different, I would need a different data series for each candlestick. This feels like a hack, but the one advantage is that this would be using Dimple to do all the rendering. I would probably not go this route unless some had a thought on how to make this less of a hack.
2) Drop down to D3 to draw lines between the points. I can use Dimple.js to graph both the top and bottom elements of the candlestick, then use D3 to draw the line between the points. I would do a selectAll() on one of the series, and then draw a path to the related point in the other series.
If there are other suggestions on an approach, please let me know. Thanks!
You can use this example to build candlestick charts using d3.js
I have two datasets that I am plotting in a D3.js parallel coordinate chart. I want to highlight the differences between the two.
In my example the two datasets share all values except for the economy attribute.
Blue is the first dataset and red is the second.
How can I generate an area fill that represents the difference between the two svg line paths, in the example provided the area between the red and the blue paths?
I am also open to other 'design' considerations.
I am trying to put together a force directed graph in which I would like some of the nodes to be progress bars. I have put together a circular progress bar using a donut pie chart but now I am struggling to see how to instantiate several of these pie chart and have them in place of node.
Circular progress bar: http://jsfiddle.net/qwTFN/
I have already found a related question 1 and tweaked some code to put a standard pie chart as node but my problem here is that I want my own custom chart (as per the jsfiddle link)...
any ideas appreciated ;)
1 Place pie charts on nodes of force directed layout graph in D3