Visualization API - vis.show() not showing object in extension

[HeinriG]

Hi,

I have made a simple extension just to test the functionality of the Visualization API and have gone through many forum posts but I still could not get it working.  I am using the following JS code and I can see in the console that the correct visualization was retrieved by the function, but the visual.show('QV01') only shows an empty block.

JS:

app.visualization.get('dnYajm').then( function ( visual ) {
  console.log(visual);
  visual.show('QV01');
});

HTML:

<div id = 'QV01'> 
  <div id = 'QV02'>
  </div>
</div>

I feel like I am missing something very simple, any help would be appreciated 🙂

Kind regards,

HeinriG

[HeinriG · Accepted solution]

Hi,

The chart was rendering properly, but for some reason the height of the element did not adjust to the chart size. When I set an explicit height to the element the chart appeared. So everything is working now 🙂