Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

create selectable bar chart in widget editor

hi com,

how can i add the functionality to select a bar (country)  in a bar chart.

I already build the bar chart in the editor, but i dont found anything that teaches me how to add the possiblity of interaction.

thx in advance.

11 Replies
Not applicable
Author

hi ,

so i worked a bit and now i found one mistake of mis placed div.

but my city name are still missing sorry for my bad css and html skills.

1.PNG

Not applicable
Author

self research!! I did searched my code and found out that the span was missing for bar selectable class!

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

<div class="header"><span>verkauft in filialen</span></div>

<span>{{data.headers[1].qFallbackTitle}}</span>

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

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

       ng-class="{'selected':row.dimensions[0].selected}" qva-activate="row.dimensions[0].select()">

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

     </div>

       <div class="per">

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

        </span>

       </div>

    </div>

</div>