Google chart api, same options, different data array make bug
<p>I am using line chart via google chart api, and stuck with a problem.
When i am using arrayToDataTable everything works fine and looks okay.</p>

<p><a href="https://jsfiddle.net/Ljz49gqb/" rel="nofollow">https://jsfiddle.net/Ljz49gqb/</a></p>

<p>But when i am filling data object, and populate it with data needed, it's being like cut from the right side.</p>

<p><a href="https://jsfiddle.net/Ljz49gqb/1/" rel="nofollow">https://jsfiddle.net/Ljz49gqb/1/</a></p>

<p>Options in this examples, are the same</p>

<pre><code>        var options = {
            height: 245,
            width: '100%',
            chartArea: {top: 15, left: 30, width: '100%', height: 190},
            areaOpacity: 0.1,
            tooltip: {trigger: 'both'},
            legend: 'none',
            pointSize: 5,
            hAxis: {
                format: 'MM-dd',
                gridlines: {
                    color: '#fff',
                    count: 365 /* \_(ツ)_/ */
                },
                textStyle: {
                    fontSize: 11
                }
            },
            vAxis: {
                gridlines: {
                    color: '#dedede',
                    count: 5
                },
                viewWindow: {
                    min: 0
                },
                textStyle: {
                    fontSize: 11
                },
                baselineColor: 'dedede'
            }
        };
</code></pre>

<p>p.s. 100% width must left, because page is dynamic and used in mobile.</p>

<p><strong>UPDATE</strong>
Displays bad even so</p>

<p><a href="https://jsfiddle.net/Ljz49gqb/2/" rel="nofollow">https://jsfiddle.net/Ljz49gqb/2/</a></p>

<p><strong>UPDATE</strong></p>

<p>It was not about dataTable, it was about Date type in google chart api, and 100% width. (Just to help find this topic in google)</p>