Hi @hector ,
I tried to add dimension, so data can change to what dimension I used.. Can you help me to edit script?
Thanks,
adam
define( [
"qlik",
"./js/jquery.tagcanvas.min"
],
function ( qlik , tagCanvas) {
return {
//definition: {
// type: "items",
// component: "accordion",
// items: {
// dimensions: {
// uses: "dimensions"
// },
// sorting: {
// uses: "sorting"
// },
// appearance: {
// uses: "settings"
// }
// }
// },
support : {
snapshot: true,
export: true,
exportData : false
},
paint: function ($element, layout) {
//add your rendering code here
html = "<canvas height='500' id='myCanvas' width='500'></canvas>";
html += "<div class='myCanvasContainer'>";
html += "<div id='tags'>";
html += "<ul>";
//html += "<li><a>1</a></li>";
//html += "<li><a>2</a></li>";
//html += "<li><a>3</a></li>";
//html += "<li><a>4</a></li>";
//html += "<li><a>5</a></li>";
for (var r = 0; r < layout.qHyperCube.qDataPages[0].qMatrix.length; r++) {
for (var c = 0; c < layout.qHyperCube.qDataPages[0].qMatrix[r].length; c++) {
ui += layout.qHyperCube.qDataPages[0].qMatrix[r][c].qText;
ui += '</br>';
}
}
html += "</ul>";
html += "</div></div>";
$element.html( html );
options = {
textColour: '#ff0000',
outlineColour: '#ff00ff',
reverse: false,
depth: 0.8,
maxSpeed: 0.05
};
if(!$('#myCanvas').tagcanvas(options,'tags')) {
$('.myCanvasContainer').s();
}
}
};
} );
