title: Cuba Platform Charts: vertical alignment
body: <p>Hello I build a Cuba chart for my dashboard and have two questions:</p>
  <ol>
  <li>How can I make the serial chart vertical?</li>
  <li>How can I remove the red balloon?</li>
  <li>Why goes the x-axis from 10 to 20? There should be the category &quot;dokumentiert&quot; instead.</li>
  </ol>
  <p><a href="https://i.stack.imgur.com/rCUVP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rCUVP.png" alt="enter image description here" /></a></p>
  <p>Here is my XML:</p>
  <pre><code> &lt;chart:serialChart id=&quot;stackedArea&quot;
                                 height=&quot;100%&quot;
                                 marginLeft=&quot;0&quot;
                                 marginTop=&quot;10&quot;
                                 plotAreaBorderAlpha=&quot;0&quot;
                                 width=&quot;100%&quot;&gt;
                  &lt;chart:chartCursor cursorAlpha=&quot;0&quot;/&gt;
                  &lt;chart:legend equalWidths=&quot;false&quot;
                                periodValueText=&quot;total: [[value.sum]]&quot;
                                position=&quot;TOP&quot;
                                valueAlign=&quot;LEFT&quot;
                                valueWidth=&quot;100&quot;/&gt;
                  &lt;chart:valueAxes&gt;
                      &lt;chart:axis axisAlpha=&quot;0&quot;
                                  position=&quot;LEFT&quot;/&gt;
                  &lt;/chart:valueAxes&gt;
                  &lt;chart:balloon adjustBorderColor=&quot;false&quot;
                                 color=&quot;WHITE&quot;
                                 horizontalPadding=&quot;10&quot;
                                 verticalPadding=&quot;8&quot;/&gt;
                  &lt;chart:graphs&gt;
                      &lt;chart:graph fillAlphas=&quot;0.6&quot;
                                   type=&quot;COLUMN&quot;
                                   lineAlpha=&quot;0.4&quot;
                                   title=&quot;dokumentiert&quot;
                                   valueField=&quot;anzahl&quot;/&gt;
                  &lt;/chart:graphs&gt;
                  &lt;chart:categoryAxis axisColor=&quot;#DADADA&quot;
                                      axisAlpha=&quot;0&quot;
                                      startOnAxis=&quot;true&quot;
                                      gridPosition=&quot;START&quot;&gt;
                  &lt;/chart:categoryAxis&gt;
                  &lt;chart:export/&gt;
              &lt;/chart:serialChart&gt;
  </code></pre>
  <p>Here is my controller:</p>
  <pre><code>public class Balkendiagramm extends ScreenFragment {
      @Inject
      private SerialChart stackedArea;
      @Inject
      private KeyValueCollectionLoader filesDl;
      @Inject
      private KeyValueCollectionContainer filesDc;
  
      @Subscribe
      public void onInit(InitEvent event) {
          filesDl.load();
          stackedArea.setDataProvider(new ContainerDataProvider(filesDc));
          stackedArea.setCategoryField(&quot;dokStatus&quot;);
      }
  }
  </code></pre>