Report output question (when using Survey Tools)

  • Profile Image
    Asked on September 29, 2012 at 08:33 AM

    Hi Gang,

    I've been using JotForm for quite a while now and really love this service. Thanks!

    After spending some time scanning the Forum, I haven't really found an answer to this.

    When using the Survey Tool "Matrix" I need to output a report using the Visual Report Builder option (Pie charts, etc.).

    My matrix question has 7 magazine article names (from a publication I produce) along with 4 ratings for each article (Very Valuable, Valuable, Somewhat Valuable and Not Valuable). Here's the problem, I need to generate 7 pie charts that reflect the 4 ratings of each of the 7 articles. The Visual Report Builder only gives one pie chart showing the overall, combined percentages of the 4 ratings. That is not really useful, because when a pie section says (for example) 84% for Very Valuable, that says nothing about which of the 7 articles recieved that rating. Make sense?

    Thanks for any help with this!


  • Profile Image
    Answered on September 29, 2012 at 09:32 AM


    Creating a visual report is for a matrix field is doable in JotForm. These will give you a total graph for all the 7 questions that you have in your matrix field. 

    However, the charts are generated for every matrix field and not per row options in it.  If you wish to get 7 charts/graphs for all of the questions you will need to create each question in a separate matrix field. 

    If your fine with that, here is a guide on how to create a visual report:

    Hope this helps. Thank you!

  • Profile Image
    Answered on September 29, 2012 at 10:44 AM

    Hello Kerry,

    Just to add to my colleagues response.  Here is an example of the 7 matrix fields taken from your form.  There are some modifications to the look of the tables.  


    Here is the CSS code and what it does (in case you wanted to further modify the look to bring the feel as close to your original form):

    The following controls the height and background of the area above:

    .form-label-top {height:9px;background:transparent } 

    The following defines the borders of the matrix table:

    .form-matrix-column-headers, .form-input-wide, .form-label-top{border: 0px ;}

    The following defines the background and alignment of the area above:

    .form-matrix-values {background:transparent ;}



    Let us know if you need further assistance!

  • Profile Image
    Answered on September 30, 2012 at 03:15 AM

    Wow! Over the top service. Thanks for this very clear solution.

    Best, Kerry

  • Profile Image
    Answered on September 30, 2012 at 03:20 AM

    Welcome, our pleasure to help. :)