Thank you Daniel, once again for helping!

I have applied both of your suggestions, and I am able to zoom in without 
trouble displaying all 12 months on minor axes.

I am still, however, having problem with bar width, even after using a hack 
to convert all the "Date(YYYY, MM)" values to new Date(YYYY, MM) inside JS.

Incidentally, the DataTable object does not seem to have trouble parsing 
JSON string dates and treating them as Date objects.  Something else is off.

My Fiddle updates:  https://jsfiddle.net/vzelenko/jbgw8tew/4/

Regards,

- vlad

On Tuesday, August 8, 2017 at 6:47:28 PM UTC-4, Daniel LaLiberte wrote:
>
> Hi Vlad,
>
> For the second problem, you need to do a couple things.  There is a hidden 
> option, minWeakLineDistance, which is probably set by default to a bad 
> value.   Set it to a smaller number, and then you will be able to see some 
> closer minor gridlines. 
>
> hAxis: { 
>     gridlines: {
>         minWeakLineDistance: 5, 
>         ...
> }}
>
> But you'll also have to allow zooming in closer, by changing the maxZoomIn 
> option.
>
> explorer: {
>       maxZoomIn: 0.09
> }
>
> For the first problem, there appears to be a bug regarding the fact that 
> your date values are in string notation.  All the bars have the smallest 
> width possible, which suggests it can't compute the distance between the 
> values properly.  If you convert them into JavaScript dates, that use new 
> Date(...), then the widths of bars will be larger. 
>
> However, you may notice that the space between bars will not be uniform.  
> This may be due to the fact that date values are not evenly distributed.  
> I'll have to investigate that at some point.
>
> On Tue, Aug 8, 2017 at 5:27 PM, vlad <vzel...@gmail.com <javascript:>> 
> wrote:
>
>> Hi, I have built a column chart with large number of data points in a 
>> date series.  
>>
>> I activated pan/zoom and showing the years on the Major Grid and Months 
>> on the Minor.
>>
>> I have two primary issues with my result:
>>
>>
>>    1. Inability to set displayed column width ( there is an option
>>    bar:{groupWidth:'95%'}
>>    enabled, but it does not appear to fill the white space, especially 
>>    on the Zoom)
>>    2. I cannot get the chart to display all of the months once zoomed 
>>    in.  This is less important than (1)
>>    
>> Any help or guidance in solving these is much appreciated.
>>
>> The JSFiddle Demo <https://jsfiddle.net/vzelenko/jbgw8tew/> illustrates 
>> the issue.
>>
>>
>> -- 
>> 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 google-visualization-api+unsubscr...@googlegroups.com 
>> <javascript:>.
>> To post to this group, send email to google-visua...@googlegroups.com 
>> <javascript:>.
>> 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/a47f1da0-8d44-4d3f-a79e-11d1293b3980%40googlegroups.com
>>  
>> <https://groups.google.com/d/msgid/google-visualization-api/a47f1da0-8d44-4d3f-a79e-11d1293b3980%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>
> dlali...@google.com <javascript:>   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 google-visualization-api+unsubscr...@googlegroups.com.
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/e289d3ea-4406-4b8f-bd88-325ebee5af5a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to