By:
On:
In: Article, ASP.NET, C#, Products, Spire.XLS, VB.Net
Tagged: , , , , , ,

Today we are going to see an another series of new product Spire.XLS which helps us to create, manipulate, convert EXCEL file to other formats, create charts dynamically and many more. This product has been introduced by the company E-Iceblue. I hope you have read my article of Spire.Doc and Spire.XLS. If you have not read it, I recommend you to read it here: Using Spire.XLS Background As you all know, charts are the graphical representations of our data. It is much easier to understand our data if it is in a graphical form. Am I right? It is easy to create a static chart,Read More →

By:
On:
In: Article, HTML5
Tagged: , , ,

Introduction I hope you have read my first two articles in this series that explains the loading of a Bar Chart, Pie Chart and Doughnut Chart. Please see the following links. Client-Side Chart Widget in HTML 5: Part 1 (Bar Chart) Client-Side Chart Widget in HTML 5: Part 2 (Pie Chart) Client-Side Chart Widget in HTML 5: Part 3 (Line Chart) Client-Side Chart Widget in HTML5: Part 4 (Doughnut Chart) Now we will explain a client-side Doughnut Chart widget in HTML5. Background Please download the necessary files here http://www.chartjs.org/. Using the code A simple HTML <!DOCTYPE html> <html xmlns=“http://www.w3.org/1999/xhtml”>    <head>        <title> Polar Area Chart Using Chart.js</title>    </head>    <body></body>Read More →

By:
On:
In: Article, HTML
Tagged: , , ,

Introduction I hope you have read my first two articles in this series that explains about loading a Bar chart and Pie chart. If you have not read them then please see the following links. Client-Side Chart Widget in HTML 5: Part 1 (Bar Chart) Client-Side Chart Widget in HTML 5: Part 2 (Pie Chart) Now we will explain a client-side line chart widget in HTML5. Background Please download the necessary files here. Using the code A simple HTML <!DOCTYPE html> <html xmlns=“http://www.w3.org/1999/xhtml”> <head>     <title>Line Chart Using Chart.js</title> </head> <body></body> </html> Included JavaScript file <script src=“Chart.js”></script> Call the Chart Function window.onload = function () {         var canvasObject = document.getElementById(“myChart”).getContext(“2d”);         window.myLine = new Chart(canvasObject).Line(lineChartData, {             responsive: true         });     } Here we are loading the chartRead More →

By:
On:
In: Article, HTML5
Tagged: , , ,

Introduction Hi all, I hope you are fine. I hope you have read my first part of this series that explains about loading the Bar Chart. Today we will explain a client-side Pie Chart widget in HTML5. Background As you need, you need to download the files. Please download the necessary files from here. Using the code A simple HTML <!DOCTYPE html> <html xmlns=“http://www.w3.org/1999/xhtml”>    <head>        <title>Pie Chart Using Chart.js</title>    </head>    <body></body> </html> Included JavaScript file <script src=“Chart.js”></script> Call the Chart Function window.onload = function () {         var canvasObject = document.getElementById(“myChart”).getContext(“2d”);         window.myPie = new Chart(canvasObject).Pie(pieChartData);     } Here we are loading the chart in myChart. As you can see in the preceding code, pieChartData is the data we will load into the chart. var pieChartData = [Read More →

Drag and Drop the Legend and Maintain the Position in Chart

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

Today we will learn how to create a drag-able legend and maintain that position in the chart area, so that once we drag and drop the legend, even if we reload the chart again, it will take the legend position from the session storage, where we have set the values when dropping the legend. Cool, right? Background For the past few weeks I have been working in Charts, so a few days ago I got a requirement to make a drag-able legend and maintain the position. As you all know, everyone expects the best from their products, so I began working to satisfy my clientRead More →