• Jerome Tricand de la Goutte
  • 10 Points
  • Member since 2015

  • Chatter
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 1
  • 0
I'm trying to include a Sankey Google Chart on a VisualForcePage. Everything works quite well, until I add a tabpanel on the page. In the JS console, I then have errors like "$A is not a function"
The main consequence is that the mouse-hovering is not working anymore.

Here is a simple example with a very simple tabpanel (without it, everything works well) :
<apex:page standardController="Account"  tabStyle="Account" >
<apex:detail relatedList="true" title="true" inlineEdit="true" showChatter="true"/>
   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['sankey']});

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'From');
        data.addColumn('string', 'To');
        data.addColumn('number', 'Weight');
          [ 'A', 'X', 5 ]

        // Sets chart options.
        var options = {
          width: 600,

        // Instantiates and draws our chart, passing in some options.
        var chart = new google.visualization.Sankey(document.getElementById('sankey_basic'));
        chart.draw(data, options);
     <div id="sankey_basic" style="width: 900px; height: 300px;"></div>

Does anyone know how to fix that?