You can hack the AreaCharts to do that. The first would be a stacked area chart with an extra, transparent area on the bottom which represents the negative space below the blue section. The second would be like the first, but with additional extra transparent areas in between each series. You'd have to calculate the size of the transparent areas at each data point to get the total effect you're looking for (DataViews with calculated columns will do this for you if you know the algorithm you need to use), but it's totally doable.
On Sunday, September 2, 2012 11:48:16 PM UTC-4, Sergio Zambrano wrote: > > Is there any way I can hack, modify, or can you tell me where to start to > get a different graph style? > > I find that that I'm looking for is similar to the stream graph, > http://code.shutterstock.com/rickshaw/examples/extensions.html > which is based on an area-type graph, but representing values with the > thickness of the lines rather than the area. > It could be rendered with the same engine, though, since it draws lines, > smooth them, and centers the whole stream. > > I could just render it with absolutely positioned css circles (divs with > corner-radius) plotted in enough rows to simulate a continuous line, but I > think the final work could be shared with the world with a standard like > the Google Graph API. > > I attached a sample of my idea. > The first example shows the variable width lines stacked one on top of the > other, but centered at the same time… > The second example smoothes out the spine of the lines, to prevent violent > changes and zig-zags. > > I could come up with the functions to render the positions of the lines > (the spines and the areas making up the lines) myself, but the drawing is > something too new for me. > > If some javascript / svg / canvas warrior wants to collaborate to get it > done, me and the rest of the community will appreciate it. > If no one does, I'd appreciate any tip that lights me the path. > > Thanks. > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/xci0A3MjTxIJ. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
