Toggle navigation
Home
▼ Details
Products and pricing
Chart gallery
User stories
Text analytics
CDC NAMCS Library
Blog
Tutorials
Contact
Sign in
Post Editor
← All help posts
View post
Save
In elements that contain long text, the default chart options may not allow for the full text to show. To show the full text, choose the chart option "wrap". ## Example In the below example, we see a standard chart with text that is cut off. <img src="/uploads/upload/image/5200/direct/1594148290836-1594148290835.png" alt="Protobi chart for Q3 showing horizontal bar chart with truncated text labels. Labels are cut off reading 'Go to the movie...', 'Watch it at ho...', 'Stream it onlin...', 'Download it on...' with percentages and counts displayed." style="width: 338px;" class="fr-fic fr-dib"> ### Wrap chart text One way to make the full text show is to wrap the chart text. From the [context menu](https://help.protobi.com/newusers/basic-navigation-in-protobi#Context%20menu-8) open the "[Chart type...](/charts/charttypes)" dialog and press "wrap": <img src="/uploads/upload/image/5200/direct/1586348138701-1586348138701.png" alt="Protobi Chart Type dialog showing chart options with 'wrap' button selected. Dialog displays multiple chart type buttons including bar, column, table, print, slide, and text wrapping options." style="text-align: center; width: 480px;" class="fr-fic fr-dib"> #### Wrap result This chart option will wrap text that is too long onto the next line. This chart option works for all chart types. <img src="/uploads/upload/image/5200/direct/1594148361141-1594148361141.png" alt="Protobi chart for Q3 showing horizontal bar chart with wrapped text labels. Full text now visible on multiple lines: 'Go to the movie theater to see it', 'Watch it at home later on DVD or Blu-Ray', 'Stream it online', 'Download it online' with corresponding percentages and counts." style="width: 343px;" class="fr-fic fr-dib"> ### Select and resize Another way to make an element display full text is to select it and resize. **q3** is selected below. A selection is indicated by the element's header turning blue. To resize **q3**, drag the small blue box in the lower right corner. Adjust until full text is shown. <img src="/uploads/upload/image/5200/direct/1594148714530-1594148714530.png" alt="Protobi chart for Q3 selected (blue header) showing horizontal bar chart with truncated text. Small blue resize handle visible in lower right corner. Chart displays same data with cut-off labels and resize functionality available." style="width: 348px;" class="fr-fic fr-dib"> #### Resize result After resizing, **q3** shows the full text for each value format. If values are particularly long, resizing may not be ideal because the element will need a large width. #### <img src="/uploads/upload/image/5200/direct/1594149135888-1594149135888.png" alt="Protobi chart for Q3 showing wider horizontal bar chart with full text visible. Labels now read completely: 'Go to the movie theater to see it', 'Watch it at home later on DVD or Blu-Ray', 'Stream it online', 'Download it online' with percentages and counts displayed." style="width: 490px;" class="fr-fic fr-dib"> ### ## For Print layout charts only Print layout charts are used for compacted groups of questions. Usually each question in a group has its own title text that translates to labels placed left of the bars. Title text is often long, and it is common to see text getting cut off in Print layout charts. You can choose the "wrap" chart option (seen above for standard chart), but you can also set the chart's left margin to zero to place the full text above the chart bars. ### Set left margin to zero There are two ways to set the left margin to zero. You can select the element (e.g. Q9v1) and drag the dotted box, or use the JSON editor. #### Drag left margin Press on the element, and you will see a dotted box. Drag the left corner of the dotted box all the way to the left. <img src="/uploads/upload/image/5200/direct/1586262397716-1586262397716.png" style="text-align: center; width: 360px;" class="fr-fic fr-dib"> #### JSON editor Alternatively, you can open the JSON editor from the context menu and set "l" under the margin attribute to 0. <img src="/uploads/upload/image/5200/direct/1586347688057-1586347688057.png" style="text-align: center; width: 480px;" class="fr-fic fr-dib"> #### Result With the left margin set to zero, text will appear above the colored bars. <img src="/uploads/upload/image/5200/direct/1586347599336-1586347599336.png" style="text-align: center; width: 405px;" class="fr-fic fr-dib"> ###
Publishing
Date
Status
Published
Draft
Slug
edit
Content
Thumbnail
Categories
Manage
New to Protobi?
Charts
Making Changes
Intermediate topics for editors
Frequently Asked Questions
SERMO Topics
Tutorial Pages
Internal Docs
Data Processing
Videos
Obsolete
GSG Admin
SERMO Admin
GSG Topics
How to...
Basics for viewers
Basics for editors
For project admins
Advanced topics
Assessments
Articles (in-progress)
New and updated articles
Process data in Protobi
superseded
Text open-end questions
Troubleshooting
Tracking studies
Organizing the view
API References
Tools
AI Database
Checking AI...
Convert to MD
Danger zone
Delete