If you replace your area intervals with lines, then that should avoid the problem with the areas covering your data points.
But if you need to draw area intervals, since SVG only uses the order of elements to determine the order of drawing and hence which elements end up on top, there is no way for you to fix this other than to change the order of elements. You might try, after the chart is drawn, to do some surgery on the unlabeled elements to move them around, but that may be fragile workaround. You could also replace the steppedArea part of your chart with lines you draw yourself, adding points to get the stepped plateaus. This won't help with the area intervals, but it will probably help with the last interval problem, and the mouseover problem. On Tue, Mar 26, 2019 at 2:08 PM Michael Ford <[email protected]> wrote: > So for me there is no fix at this time for these two issues I have > defined? > Should I do anything to have the issues captured as open issues? > > Regards > > On Monday, March 25, 2019 at 2:01:46 PM UTC-7, Daniel LaLiberte wrote: >> >> Hi Michael, >> >> It looks like area intervals are being drawn after the step lines or >> areas. It is probably a bug that it does that, and it should not be too >> difficult to fix, but I don't know when we will be able to get around to it. >> >> The last step cutting off the area interval is also another bug, most >> likely. >> >> I see another bug, which involves the mouseover position. It seems that >> when hovering over the left half of each step, it is showing the tooltip >> for the previous step, as if the transition between steps is the important >> thing (since that is where the new value is) rather than the step level >> itself. >> >> On Mon, Mar 25, 2019 at 4:39 PM Michael Ford <[email protected]> >> wrote: >> >>> >>> I have a stepped chart built but I have two minor issues I don't see an >>> answer for. >>> >>> See an example of the chart here. >>> https://jsfiddle.net/michaelcford/71b0ftjz/ >>> >>> First issue the tooltip associated shows only in the white space of the >>> chart and not in the area's ( green or blue area ), >>> Looked for sometime and have not found an answer. >>> I expect I would add something to interval but nothing has worked as of >>> yet. >>> interval: { >>> 'intAll': { >>> 'style': 'area', >>> 'color': 'blue' >>> }, >>> 'intLike': { >>> 'style': 'area', >>> 'color': 'green' >>> }, >>> >>> The other item is the last 1/2 of a interval does not show the area ?? >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Google Visualization API" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at >>> https://groups.google.com/group/google-visualization-api. >>> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/google-visualization-api/722fcc9f-96fb-497e-b579-9c8d775e0235%40googlegroups.com >>> <https://groups.google.com/d/msgid/google-visualization-api/722fcc9f-96fb-497e-b579-9c8d775e0235%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> >> -- >> Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> >> [email protected] Cambridge MA >> > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > https://groups.google.com/group/google-visualization-api. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/72e35929-78d1-43b3-9293-c5a922e85c31%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/72e35929-78d1-43b3-9293-c5a922e85c31%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> [email protected] <[email protected]> Cambridge MA -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJMEA7%2BaXgcd2zAcnhK93dLQrRhPNAJTWK9x%3DPJCfo64%2BQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
