Timeline Tooltip Not Aligned to Data Item

As Shown from GWT https://developers.google.com/chart/interactive/docs/gallery/timeline#configuration-options

As shown in my example Code used in my example `<

<script src="../bower_components/webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="../bower_components/polymer/polymer.html"> <link rel="import" href="../bower_components/google-chart/google-chart.html"> <link rel="import" href="../bower_components/paper-input/paper-input.html"> <dom-module id="my-view2"> <template>

<style>

  google-chart {
    height: 180px;
    width: 50em;
  }
</style>



</google-chart>
<google-chart id="timeline" type="timeline" data='{{data}}' ></google-chart>

<iron-ajax
        auto
        url=""
        handle-as="json"
        on-response="handleResponse"></iron-ajax>

</template> <script> ``` Polymer({ is: 'my-view2', attached: function() { console.log('my-view1 attached') ``` // debug set this directly ``` this.set('data',[['Name', 'Start', 'End'], [ 'Washington', new Date(1789, 3, 30), new Date(1797, 2, 4) ], [ 'Adams', new Date(1797, 2, 4), new Date(1801, 2, 4) ], [ 'Jefferson', new Date(1801, 2, 4), new Date(1809, 2, 4) ] ]) }, handleResponse: function(response) { console.log('got ajax response') console.dir(response) } }); ``` </script>

</dom-module>`

[tanin47]

@wesalvaro, we are upgrading to PolymerJS 2.0, and the problem still exists with the default config of PolymerJS 2.0 and the latest origin/master. FYI, other stuffs seem to work fine, though we see a blink of TypeError: cannot read 'draw' of null when the graph is first rendered. We are using our monkey-patched version of it here (https://github.com/tanin47/google-chart/commit/3acaaccd1ff9e582e2e9c886ceefa29911b5c461)

[wesalvaro]

I’ll be looking into integrating the v2 stuff and new API again, soon.