title: Google Chart incorrectly plotting data as overlapping
body: <p>I am plotting 2 lines on an area chart, but for some reason it is plotting the points as overlapping when they have very different values. <code>4 != 425</code></p>
  
  <p><a href="https://i.stack.imgur.com/7yunp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7yunp.png" alt="enter image description here"></a></p>
  
  <p>The documentation lists <code>vAxis.scaleType</code> as null by default, and the only other option is logScale. I've set <code>scaleType: nil</code> and <code>logScale: false</code> just to make sure it knows what scale to use.</p>
  
  <p>Here is the data being passed to the chart from pry, which is accurate to what is in the db.</p>
  
  <pre><code> [{:name=&gt;"Twitter",
    :data=&gt;
     [[Tue, 07 Mar 2017 15:57:43 UTC +00:00, 422], 
     [Mon, 06 Mar 2017 15:57:43 UTC +00:00, 420], 
     [Sun, 05 Mar 2017 15:57:43 UTC +00:00, 419]]},
   {:name=&gt;"YouTube",
    :data=&gt;
     [[Sun, 19 Feb 2017 15:57:43 UTC +00:00, 4],
      [Sun, 05 Mar 2017 15:57:43 UTC +00:00, 4],
      [Tue, 14 Feb 2017 15:57:43 UTC +00:00, 4],
      [Tue, 21 Feb 2017 15:57:43 UTC +00:00, 4],
      [Sat, 18 Feb 2017 15:57:43 UTC +00:00, 4],
      [Mon, 27 Feb 2017 15:57:43 UTC +00:00, 4],
      [Fri, 17 Feb 2017 15:57:43 UTC +00:00, 4],
      [Mon, 06 Mar 2017 15:57:43 UTC +00:00, 4],
      [Sun, 26 Feb 2017 15:57:43 UTC +00:00, 4],
      [Sat, 04 Mar 2017 15:57:43 UTC +00:00, 4],
      [Fri, 03 Mar 2017 15:57:43 UTC +00:00, 4],
      [Tue, 07 Mar 2017 15:57:43 UTC +00:00, 4],
      [Fri, 24 Feb 2017 15:57:43 UTC +00:00, 4],
      [Thu, 02 Mar 2017 15:57:43 UTC +00:00, 4],
      [Thu, 16 Feb 2017 15:57:43 UTC +00:00, 4],
      [Sat, 25 Feb 2017 15:57:43 UTC +00:00, 4],
      [Thu, 23 Feb 2017 15:57:43 UTC +00:00, 4],
      [Wed, 01 Mar 2017 15:57:43 UTC +00:00, 4],
      [Wed, 22 Feb 2017 15:57:43 UTC +00:00, 4],
      [Mon, 20 Feb 2017 15:57:43 UTC +00:00, 4],
      [Tue, 28 Feb 2017 15:57:43 UTC +00:00, 4],
      [Wed, 15 Feb 2017 15:57:43 UTC +00:00, 4]]}]
  </code></pre>
  
  <p>Here is how the data is being passed to Chartkick:</p>
  
  <pre><code>@chart_data = []
  
  @user_integs.each do |cred_id, integ_name|      
    data_hash = 
      {
        name: integ_name, 
        data: IntegrationStatistic.where(credential_id: cred_id)
          .where('created_at &gt;= ?', @date_range)
          .pluck(:created_at, @metric_type)
      }
  @chart_data.push data_hash
  respond_to do |format|
    format.js
    format.json { render json: @chart_data }
  end
  </code></pre>
  
  <p>Here are my options:</p>
  
  <pre><code>default_options = {
        colors: ['#00aced', '#d2080e'],
        library: {
          width: '100%',
          chartArea: {
            top: '45',
            right: '40',
            bottom: '40',
            left: '80'
          },
          animation: {
            startup: true,
            duration: 1500,
            easing:  'out'
          },
          backgroundColor: '#2a2a2a',
          fontName: 'Calibri',
          curveType: 'function',
          vAxis: {
            scaleType: nil,
            logScale: false,
            gridlines:{
              color: '#333333'
            },
            textStyle: {
              color: '#a0a0a0'
            }
          },
          hAxis: {
            format: 'MMM d',
            baselineColor: '#000000',
            textStyle: {
              color: '#a0a0a0'
            }
          },
          axisTitlesPosition: 'none',
          legend: {
            position: 'top',
            alignment: 'center',
            textStyle: {
              color: '#a0a0a0',
              fontSize: 14,
              bold: true
            }
          },
          lineWidth: 3,
          pointSize: 7,
          crosshair: {
            trigger: 'both',
            opacity: 0.2
          },
          dataOpacity: 0.7,
          tooltip: {
            textStyle: {
              color: '#2a2a2a'
            }
          }
        }
      }
  </code></pre>