High Chart

By:
On:
In: Article, HighChart, How to
Tagged: , , ,

In this post we will discuss how we can enable client side exporting in HighChart . In normal case the data of your chart is being send to the external server which is http://export.highcharts.com/. But if your product is already in production environment, none of your clients will not agree with the idea of sending their data to any third party server. Am I right? To overcome this, HighChart has given an option called offline-exporting. Here we will discuss that. I hope you will like this. Demo Please see the demo here. Background For the past few months, I am working with a project whereRead More →

Chart Widgets With Server Side Data In MVC Using Angular JS And Web API Output

By:
On:
In: Angular, Article, ASP.NET, Web API
Tagged: , , , , , , , , , , , , , ,

In this article we will learn how we can create some client side chart widgets with the data from SQL Server database. We use MVC architecture with Web API and Angular JS to fetch the data and do all the manipulations. I am creating this application in Visual Studio 2015. In this project we covers topic of how to use HighChart with Angular JS. You can always get the tips/tricks/blogs about these mentioned technologies from the links given below. AngularJS Tips, Tricks, Blogs MVC Tips, Tricks, Blogs Web API Tips, Tricks, Blogs Now we will go and create our application. I hope you will likeRead More →

By:
On:
In: Code Snippets, HighChart
Tagged: , ,

In this code snippet we will discuss how we can remove the time stamp from the legend in high chart. Some times it will not be good if we show the the default time stamps in the legend. So to remove the time stamp you can use the labelFormatter function. [js] labelFormatter: function () { return this.name.toString().replace(‘ 00:00:00.000’, ”).replace(‘ 00:00:00.00’, ”).replace(‘ 00:00:00’, ”); } [/js] Just add that function in your legend settings will do the remaining. Happy Coding!. Please see my other posts code snippets here: Code Snippets Kindest Regards Sibeesh VenuRead More →

Fire Double Click Events In Highcharts

By:
On:
In: Article, HighChart, Products
Tagged: , , , , , ,

In this post we will discuss how we can handle custom events in HighChart . HighChart has already given enough events but sometimes we may need to handle some additional events. For example if we need to fire an alert if user double clicks on the points. Here I am using HighChart Drill Down Chart, So As you all know drill down chart is a chart which populate another chart according to the user action, ie if user click on a particular series, a chart with the related data of the clicked series will get loaded. Now we will go and see it in action.Read More →

By:
On:
In: Article, Drill Down Chart, HighChart
Tagged: , , , , , ,

In this post, we will see how we can we generate or create JSON dynamically according to users drill up and drill down event actions. We will create JSON when user clicks on a drill down chart’s series. We will also learn how we will create a Drill Down Chart. With the help of created JSON we can get the information of which are all the series have been clicked by user or which are all the drill series have been seen by the user. We can do some more things with this JSON. Background For the past few weeks, I have been working withRead More →