![]() You must be able to use data to tell your story in a way that is simple and quick for everyone to comprehend.ĭata visualization, otherwise known as data viz., refers to the process of presenting data in a visual or graphical format. In reality, no one has the time to read through a large amount of information. ![]() The secret, it appeared, was some additional code in the Link section of the widget, a section that I have always ignored, mainly because I have never understood its purpose or how it worked.Visuals are your best option for presenting data in the modern world. Then I filtered the list for Highcharts to find that there were quite a few existing widgets that pulled in Highcharts as a dependency. ![]() From the Dependencies list, I used the hamburger menu next to the Dependency column label to select Configure > Table, and then on the Table page, I scrolled down to where I could click on Show list to bring up the list of dependencies. Nothing.Īt that point, I decided to give up just trying different things on my own and see if I could hunt down some other widget that might already be working with Highcharts and see how those were set up. So then I added a script tag to the HTML thinking that maybe the dependency wasn’t pulling in the script after all. Then I thought that maybe it was a timing issue and so I put in a setTimeout to wait a few seconds for everything to load, but that didn’t work either. I tried $rootScope.Highcharts and $window.Highcharts and $scope.Highcharts, but nothing worked. Well, either my dependency did not load, or my widget couldn’t see the code. There are a lot of sample Highcharts chart objects floating around the Internet, but for my test I just went out to their Your First Chart tutorial page and grabbed the configuration object for that simple example. To start things off, I decided to build a simple generic chart widget and pass it a hard-coded chart configuration object, just to prove that everything about the widget was functional. For the ServiceNow Service Portal, my thought was to create a generic chart widget that could take any chart configuration object as a passed parameter, and then also create a generic chart configuration object generator that would take a chart type and chart data as parameters and return a chart configuration object that could be then passed to the generic chart widget. Once you design a particular chart with the style, colors, and appearance that you find acceptable, you can save that off and reuse it again and again with different data or data from different periods. Highcharts uses simple Javascript objects to configure their charts, and the contents of those objects can be broken down into two rather distinct categories: 1) elements that control the type, look, and feel of the chart and 2) elements that contain the data to be presented in the chart. To make things even easier, it always helps to have a few ready-made parts at your disposal to speed things along. In fact, that’s one of the things that I really like about both products: both allow you to accomplish quite a bit with just a very small investment of time and energy. In their own words, “ Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application.” ServiceNow comes bundled with Highcharts included, which I thought was pretty nifty when I figured that out, because you can do quite a bit with Highcharts with very minimal effort. Long before I had ever heard of ServiceNow, I stumbled across a cool little product called Highcharts. “Most of the important things in the world have been accomplished by people who have kept on trying when there seemed to be no hope at all.”
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |