In Google Charts, you would have to do a little work to render a chart like
that, but not much.
For the data on the vertical axis, you would need to use a different set of
numbers for each line, e.g. Q bar is 0 and 0.5, Q is 1 and 1.5, etc. So
you need to change your data to use those values instead of all 0s and 1s.
You would want to use the explicit 'ticks' option to specify how to label
the axis. vAxis: { ticks: [ { v: 0, f: 'Q-bar' }, { v: 1, f: 'Q' }, ... ] }
The Q-bar character might be more challenging, but you can change the font
being used as well, and I bet there is some character in some font that
looks like that.
You can add annotations to the chart, though to get them to appear in the
position you have shown, you'll have to do a bit of fudging.
On Tue, Apr 25, 2017 at 8:59 AM, Thibault Gloaguen <[email protected]>
wrote:
>
>
>
>
>
> down votefavorite
> <http://stackoverflow.com/questions/43610775/digital-timing-diagram-with-google-chart-using-vuejs#>
>
> I'm trying to render some digital timing diagram using the vuejs framework
> :
> something like this :
>
> [image: Digital timing diagram] <https://i.stack.imgur.com/R1upi.png>
>
> The problem is , i've looked at every chart but I can't find a good one to
> render this.
> If someone is familiar with google chart, i'd like to discuss with him
>
> --
> 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 google-visualization-api@
> googlegroups.com.
> 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/cdbccea7-9ed0-44e6-b907-
> 0e8b349b49c3%40googlegroups.com
> <https://groups.google.com/d/msgid/google-visualization-api/cdbccea7-9ed0-44e6-b907-0e8b349b49c3%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]> 5CC, 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/CAOtcSJNH3ySseBYXFiCWKJdJ4o1e9FpOdBmuBCd%2BSrKjq5FURA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
