Cycle Groups with Sense Mashup V1

CaptureCycle
CaptureCycle2

HTML eine Selectbox welche die Werte enthält:

<div class="qvOverlay" style="right:10px"> <i class="fa fa-refresh"></i> 
<select class="changeDimension" id="vDimensionField"> 
<option value="MonthYear"> Month Year</option> 
<option value="Year"> Year </option> 
<option value="QuarterYear"> Quarter Year </option> 
<option value="Month"> Month </option> 
<option value="CompanyName"> Customer </option> 
<option value="ProductName"> Product </option> </select>
</div>

CSS-Code:

bei Bedarf anpassen Overlay hat bei mir einen höheren z-index als das Chart und ist absolut rechts oben ausgerichtet

JS (man kann über die ID den VariablenNamen mitgeben):

$( ".changeDimension" ).change(function() { 
var str = ""; 
$('#' + $(this).attr('id')+" option:selected" ).each(function() { 
  str += $( this ).val(); }); 
  app.variable.setStringValue($(this).attr('id'), str); 
});

Qlik:

1 Variable vDimensionField
1 Chart was als Dimension =[$(vDimensionField)] enthält fertig 🙂