Hello Pentatho's users !

I have a question for you, I don't know if it is possible to back my chart "at line" when I resize my windows.

Let me explain with some pictures, it will be easier :



Now I have this :

Name:  Normal.jpg
Views: 371
Size:  18.5 KB


And I want to do this when i resize (smallest than before) my windows :


Name:  fleche.jpg
Views: 373
Size:  20.5 KB


So this is what I want :

Name:  final.jpg
Views: 360
Size:  11.4 KB


The goal is to use this Dashboard with a phone / computer / ect...

I already use a resize function but if the windows is very small like this it's impossible to read anything :


Name:  Resized.PNG
Views: 369
Size:  6.9 KB


I give u the resize function :


Code:
function resize() {

var myself = this;
// Set initial width to match the placeholder
myself.chartDefinition.width = myself.placeholder().width();


// Attach the resize handler only on the first execution of the chart component
if (!this.resizeHandlerAttached){


// Ensure render is only triggered after resize events have stopped
var debouncedResize = _.debounce(function(){


// Show chart again.
myself.placeholder().children().css('visibility','visible');


// Change chart width
myself.chartDefinition.width = myself.placeholder().width();
myself.render( myself.query.lastResults() );
}, 200);


// Attach resize handler
$(window).resize(function(){


// Only trigger resize if the container has changed width
if ( myself.chartDefinition.width != myself.placeholder().width()){


// Temporarily hide chart so that overflow does not happen
myself.placeholder().children().css('visibility','hidden');


// Trigger the resize with debounce
debouncedResize();
} 
});


this.resizeHandlerAttached = true;
}


}

I give you my chart Property :


Name:  paramesd.jpg
Views: 372
Size:  13.7 KB


So if someone who know good Pentaho can tell me if it's possible... Thank you a lot !

@johanhammink maybe