Hitachi Vantara Pentaho Community Forums
Results 1 to 2 of 2

Thread: how to back at line with a Boostrap componant (chart) when resize

  1. #1
    Join Date
    Nov 2017
    Posts
    10

    Question how to back at line with a Boostrap componant (chart) when resize

    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: 77
Size:  18.5 KB


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


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


    So this is what I want :

    Name:  final.jpg
Views: 77
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: 79
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: 79
Size:  13.7 KB


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

    @johanhammink maybe

  2. #2
    Join Date
    Nov 2017
    Posts
    10

    Default

    Resolved with Column parameters

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Privacy Policy | Legal Notices | Safe Harbor Privacy Policy

Copyright © 2005 - 2019 Hitachi Vantara Corporation. All Rights Reserved.