topic Re: ObjectId of on-the-fly visualizations in Integration, Extension & APIs

ObjectId of on-the-fly visualizations

rbartley — Wed, 14 Sep 2016 14:25:35 GMT

Hi all,

I have sucessfully implemented the toggle charts example posted on a Qlik blog by Yianni Ververis (see link below)

Mashup Editor - Toggle charts with jquery

This works well for visualizations that are in the underlying Sens eapp, but I am creating a number of visualizations on the fly using the create method of the Visualization API, so does anyone know how I can get the objectID of an on-the-fly visualization?

Thanks in advance.

Re: ObjectId of on-the-fly visualizations

rbartley — Wed, 14 Sep 2016 16:24:07 GMT

I managed to get this to work by creating the visualization on the radio button change event as follows:

$( document ).ready(function() {

$("input[name='chart']").change(function(obj){

$('#QV05').fadeOut('fast', function(){

if(obj.target.value=="Chart1")

{

app.visualization.create('linechart',["Price Month","MS","=Avg([Price Eur 100KG])"],

{

"title":"Average price by Member State (€/100kg)"

}

).then(function(vis){

vis.show("QV05");

});

}

else

{

app.visualization.create('linechart',["EU Price Month","EU Price Product Name","=Avg([EU Price Eur 100KG])"],

{"title":"Average price by Product (€/100kg)"}

).then(function(vis){

vis.show("QV05");

});

}

$('#QV05').fadeIn('fast');

});

However, I would still be interested to hear whether it is possible to get the objectid of an on-the-fly visualization.

Re: ObjectId of on-the-fly visualizations

Fri, 16 Sep 2016 11:33:30 GMT

Hi Richard,

You could console.log the visualization object after is created. I'm not sure if that's the "id" you are looking for though...

app.visualization.create('linechart',

["EU Price Month","EU Price Product Name","=Avg([EU Price Eur 100KG])"],

{"title":"Average price by Product (€/100kg)"}

).then(function(vis){

console.log(vis);

vis.show("QV05");

} );

Regards,

Jose

Re: ObjectId of on-the-fly visualizations

Alexander_Thor — Mon, 19 Sep 2016 02:59:07 GMT

It's available on the model as a property with the name "id". Your IDs will be along the lines of MU and a 2 digit increment.

Example: Using the Qlik Visualization API - JSFiddle

Re: ObjectId of on-the-fly visualizations

rbartley — Mon, 19 Sep 2016 15:24:50 GMT

Thanks Alexander,that worked for me. I was able to set the radio button value with the id of the on-the-fly visualization

app.visualization.create('listbox',["MS"],

{"title":"MS"}

).then(function(vis){

listboxID=vis.id;

radioButton = document.getElementById('chart2');

//where chart2 is the id of the second element in the radio button group

radioButton.value=listboxID;

});