PDA

View Full Version : signal strength BAR UI



tina@user
28 Dec 2015, 11:02 PM
hi,


i know this is a little stupid question.


i am creating a window for video conferencing on web desktop. i need to show signal strength for my system.


which component sgould i use to show those bars as we get in real scenarios???


i had seen on eexample here:-
http://jsfiddle.net/Unspecified/uVH8s/


but i dnt understand how may i change the css so frequently based on the data of signal strength.


Thanx in advance!!!

jdkhamba
29 Dec 2015, 4:28 AM
You are probably looking for a bar chart component as you cannot change css dynamically like you are thinking :-)

http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.chart.series.Bar

The bar chart can be styled as per your needs and it would change dynamically based on the data it is fed. I am not an expert on bar charts but I think this is a good starting point.Also take a look at column chart:


http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.chart.series.Column

(http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.chart.series.Column)You could also just use simple css selectors to show hide the specific components :

https://fiddle.sencha.com/#fiddle/134m