logo

NJP

Dynamic Pie High Chart - Part3

Import · Jul 11, 2020 · video

Salam alaikum everyone I'm back with another video and today last time I have showed you the all about how we will call the pie chart and the card part but today I'll show you the another part of hi chart which only will have the service grip and the link function so previously we were adding the URL in the dependency functions if you guys remember in the buy bar hi chart but in this we will add the UI script so let's get started I will write a PI hi chart for incident ticket incident pie chart ok so I will save it so before I will me add anything before I will write anything I will add the dependency function over here and I will give the UI script here so ok UI script guys I've also got this from the internet and I will share it with you it's a huge script which is there and it's all about CSS because it is giving that with and padding everything it's the CSS for all the hi chart so it's it's a gem of the script you can I'll share it with you in the XML and in my in my bio so get it from there I'll just write hi chart submit opening this one I will do new and over it's already dairy our UI script I will give a high chart and the script here as I have already it's already there so it's coming high charts I will save it now going back to my widget okay I've already Europe no it's not there it's the previous one now I will open in the editor okay so as I have mentioned that it's the server-side scripting and server script only only and link function is there so we will remove HTML and first we will work on server script so okay first we will draw will take a object snorer series will take category because obviously it's important count for calculation fix count and one more count for because there will be a two part x-axis and y-axis so for X we need to give another count and for y we need to give another count so that x and y basically means for there will be a slice right if there is if there is a seven number of incidents it's there with you so 93 is not there so it's basically like that so now if options dot chart titles so everything is similar but you check it is equals to is equals to default or if it is not their options dot chart title is not their child title is basically the title of the chart in both the cases if you want to give anything you can give I will give nothing because I don't want any title so I will give give null here now I'm just copying it because it's the same thing that will happen four times okay now instead of chart title I will give series name so series is basically the slices name so series I will give as incident now it will be chart type so Jack Deborah will give us by Mao chart table I will give the table name of the table this one okay now I will give the query which I have mentioned you earlier in that particular widget so the query the society which I was passing if the incident if this is present is number of incident present then I was just passing the Society from that widget so I'll just take that query here is equal to options not value options is the overall object now options dot plot option equals 200 okay I'm saving all this other ways now calculation part is basically now it's coming so I will take the okay so we're I in C's equals to you glide record not just stable I think so you need to take the table name or you can give the chart table as well so it doesn't matter also and then coded query option start value and C dot query now obviously society will be unique if I see dot this one I need doesn't me this is present so I will have given count so parsefloat I ain't see dot this because I want to sorry make it to float and I will take another count one so I will do I will do round off so for rounding off if you guys strive with decimal and everything this is very much in need it is needed a plus two and then just subtract a -2 from there after the addition and then minus so it helps in the decimal part for calculation option start value equals to count one and in series I will just push the category which will come from a link function and equals to count one so no okay so thank you guys for watching because it's a bit longer it will take much more time because there's another part where I will mention the series so wait for my next video and we will complete the server scripting I'm just saving it so that you guys can see but there will be in that nothing will be visible obviously nothing will be visible but let's see everything's obviously it will not come okay guys thank you for watching bye

View original source

https://www.youtube.com/watch?v=tTfur_kn1n8