That is very cool and exactly what I wanted! I'm finishing another report and I'll get on this one and try your code right after. Keep you posted.
Many thanks and Cheers! On Monday, November 12, 2012 7:37:19 PM UTC-5, asgallant wrote: > > Ok, so you want to shade a range across the entire chart, depending on the > point clicked? You can do that with the trick I outlined above, but using > a DataView to calculate the shaded area based on the selected data point. > Here's an example: http://jsfiddle.net/asgallant/HDqUF/ > > On Monday, November 12, 2012 6:36:17 PM UTC-5, Ambientson wrote: >> >> They do work (and were required) but they're not sufficient. >> >> I'm already using intervals to set errors bar for my data points (set to >> + and - 2SD for the intervals) but on top of that, I'm looking to shade the >> area (see attached image): >> >> >> <https://lh6.googleusercontent.com/-Hzxj4QIMqPU/UKGHoMMQjlI/AAAAAAAAAAM/zPm9SO0Hn10/s1600/shaded_area_example.jpg> >> Thanks. >> >> On Monday, November 12, 2012 4:06:41 PM UTC-5, asgallant wrote: >>> >>> Would something like these work for you: >>> https://developers.google.com/chart/interactive/docs/roles#intervalrole? >>> >>> On Monday, November 12, 2012 4:01:12 PM UTC-5, Ambientson wrote: >>>> >>>> Sorry for the long delay in responding and thanks for the pointer and >>>> the code example! >>>> >>>> I'll try it out in the next few days and hopefully get it to work. >>>> >>>> By the way, I thought of doing this to be able to represent a standard >>>> deviation range but this might not be the best approach. Here's what I am >>>> trying to accomplish: >>>> >>>> I have a serie displayed on a line chart. I user can select which data >>>> point of the serie he wishes to us as a comparison value. Based on the >>>> data >>>> point selected, I want to shade on the chart a +/- 2 standard deviation >>>> range (so this would basically appear as a shaded stripe of width 2 >>>> standard deviations across the chart centered on the selected data point). >>>> >>>> Do you think the combo chart is still the way to go? >>>> >>>> Many thanks! >>>> >>>> On Wednesday, November 7, 2012 3:27:10 PM UTC-5, asgallant wrote: >>>>> >>>>> You can do this, but it requires a bit of fiddling with the data. You >>>>> will need to use a ComboChart with 3 data series: 1 line and two area. >>>>> Use >>>>> the lower data series as both a line and area series, and use the other >>>>> as >>>>> an area series, then set the "isStacked" option to true and the color of >>>>> the lower area series to "transparent". Depending on how your data is >>>>> set >>>>> up, you may or may not need to use the difference between the upper and >>>>> lower lines to calculate the data for the second area series. You can >>>>> use >>>>> a DataView to arrange the data as needed. >>>>> >>>>> Here's an example using a DataView that computes the difference >>>>> between the two series to make the second area: >>>>> http://jsfiddle.net/asgallant/ydNT2/ >>>>> >>>>> On Wednesday, November 7, 2012 3:05:22 PM UTC-5, Ambientson wrote: >>>>>> >>>>>> Hi, >>>>>> I'd like to fill in with color the area between two lines (data >>>>>> series) in a line chart. I've used Area chart but it always fills all >>>>>> the >>>>>> way down to the x-axis. I can't get it to fill on between two series and >>>>>> not go all the way to the x-axis. >>>>>> I did find a way to do it but with the old deprecated API: >>>>>> *Line Fills chm [Line, Radar] >>>>>> You can fill the area below a data line with a solid color. >>>>>> You can combine line fills with any other chm parameters using a pipe >>>>>> character ( | ) to separate the chm parameters. >>>>>> Syntax: chm= <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0> >>>>>> * >>>>>> Is there any way to do it with the new API? >>>>>> Many 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/-/q9sxiOVxgY4J. 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.
