0 Replies Latest reply: Dec 22, 2016 9:45 AM by Swayam Nayak RSS

    Qlik Sense Widgets::How to create vertical chart bar?

    Swayam Nayak

      <div style="height:100%;overflow:auto">

          <div ng-repeat="row in data.rows" class="row" title="{{row.dimensions[0].qText}}">

                <div class="bar" style="width:{{row.measures[0].getPercentOfMax()}}%">

                    <span>{{column.dimensions[0].qText}}</span>

                </div>

                <div class="per">

                    <span class="{{row.measures[0].getPercentOfMax()>95 ? 'over':'' }}">{{column.measures[0].qText}}</span>

                </div>

          </div>

      </div>

      <==================================================================>

       

      The above html code is for creating a Vertical Bar-Chart Widgets where we are taking row and per class to achieve it but i want to create Horizontal Bar-Chart Widgets and i don't know the respective classes and elements to use in Qlik Sense.

      In Qlik Sense Widgets Available components i am unable to find/parse Vertical, Horizontal, Grouped and Stacked options under Appearance and Presentation options.

       

      Please help me out on this.

       

      Regards,

      Swayam