logo

NJP

Servicenow Portal (Part 15b) - Horizontal Bar High Chart - Part 2

Import · Apr 11, 2020 · video

Aslam o alaikum everyone I'm back with another video and today as I have already showed you how HTML and CSS has been added on the high chart bar high chart so today I will be kind I'll continue with the client script and server script so it's a bit long so in my this video I will first our transcript and in my next video I will be adding so what script so before getting started I will remove CSS and HTML from this side as well as the preview so that you guys can see this properly so in function first we need to add the scope then this SP util and then that time out these three things is very important I hope you guys still now have understood what's the meaning of scope time out a nice butyl so today I will tell you one more new keyword record watch what it does it dynamically updates the data basically everything is updating on on dot update but record watch updates it's dynamically so I will over here I will be giving AC underscore req underscore item table name comma then nothing and then I will give a spute 'l dot update okay sorry and inside this i will use scope let's go and then this one and then this is under there so there is some some mistake is happening okay so it will be covered later now in the next thing is create chart and in here I will add a chart aging the name which I mentioned in the HTML side and this is basically the container chart aging name and then I will give the name of the high chart so I will give as problems associated with users associated with users and then I will give C dot data dot pause the categories this data will be coming from my server side and again this one data dot pause series this data will also come from make server side and then the name of the chart type means bar or it should be or isn't like if you want horizontal but then it's like column if you want sorry horizontal then it's bar if you want verticals in it's always a column if we want line or if you want pie chart everything you have to mention it your now this one this function I need to call now I have a already called the function so the function I need to call I can call it from here and just copy and beast so the first one is your container next one is your title next one is your categories next one is your series and last one is your chart type okay now inside this first I will add this pie chart equals two new high charts dot chart inside this I will add this enter now chart I will do render to render to means it's just adding an SLA so it's not needed actually but okay I'm adding I will write it here during jarred SLA so and type will be chart type so once this is done I need to give comma after this I will add another thing title text should be the title which we have mentioned comma style should be font weight sorry w e IG HT font-weight:bold that's it comma after this I will add the credits so you will be knowing everything why I am writing credits so I am enabling it as false so I will help you with everything I will show you what's the use of credits and what is the use of the next thing which is coming plot options is basically we need to add the column okay column so the color by point so any color you can use I'm currently you can use any color in the colors and color by point if you want you can enable it true or enable it falls it's up to you so I will make it true and oh my here data labels this should also be true enabled sure so brought options is over next next colors which I have mentioned so any color you can give hash forty-two b0f five it's a blue color comma now I need to add and you'd read x-axis so keep it till you're the next okay I will just see you and show you how it's looking currently because it's quite long actually so if I show you here so nothing is coming obviously nothing will come because I didn't have any rear as well so thank you for watching I'll be showing there are it's actually very long flying script is very long so wait for my next video thank you

View original source

https://www.youtube.com/watch?v=-nx57zlhcas