Scatter Chart for jQuery

Let’s see how to create a Scatter Chart by using the jqxChart widget. 1. The first step is to include the necessary javascript files: <script type=”text/javascript” src=”../../scripts/jquery-1.7.1.min.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxchart.js”></script> 2. The next step is to include … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxChart
, , , , , , , , , , , , , , , ,

Leave a comment

Custom Rendering of Chart Series

The jqxChart plug-in comes with 11 color schemes, but it is also possible to set your own colors for drawing the chart series. To customize the built-in rendering of the Chart series, you need to set the ‘color’ property of … Continue reading
jqxChart
, , , , , , , , , , , , , , , ,

Leave a comment

Bubble and Scatter Chart

Yesterday, we shared with you details about the upcoming release of jQWidgets which will include a new Pie Chart. You can read more about it here. However, the Pie Chart is not the only new Chart type planned for the … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxChart
, , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Working with a jQuery Chart and Knockout

In this post, we will show you how to use our jQuery Chart widget, called jqxChart with Knockout. Knockout will help us to update the Chart dynamically depending on the user’s actions or when the data is changed. We will … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxChart
, , , , , , , , , , , , , , ,

Leave a comment

jQuery Line Chart

In this post, we will show you how to add a Line Chart to your web pages. We will use this sample data: var data = [ { “x”: 1, “y1”: 1, “y2”: 8 }, { “x”: 2, “y1”: 4, … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxChart
, , , , , , , , , , , , ,

Leave a comment

XML Data Visualization with jQuery Chart

In this post, we will introduce you how to add the jqxChart widget to your web page and build it from XML Data. Create a HTML file called Chart.html that contains the following HTML code: <html lang="en"> <head> <title id=’Description’>jqxChart … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxChart
, , , , , , , , , , , , , , , , ,

Leave a comment