jQuery Stacked Columns Chart

In this post, we’ll create a Stacked Columns Chart by using the jqxChart widget. 1. Include the jqxchart.js, jqxdata.js, jqxcore.js, jqx.base.css and the jQuery framework. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=”text/javascript” src=”../../scripts/jquery-1.8.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. Add … Continue reading
JavaScript UI, jQuery Widgets, jQWidgets, jqxChart
, , , , , , , , , ,

Leave a comment

Line and Column Chart Series

In this post, we will display a combination of Line and Column series in one Chart. The data that we will visualize is: var sampleData = [ { Day: ‘Monday’, Running: 30, Swimming: 0, Cycling: 25, Goal: 40 }, { … Continue reading
Uncategorized
, , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Pie Chart

In this post, we will show you how to create a Pie Chart with the jqxChart widget. The first step is to include the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><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/jqxchart.js”></script><script type=”text/javascript” … 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

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

Bind jqxChart to SQL Database using ASP .NET MVC3

Yesterday, we’ve showed you how to bind the jqxGrid to SQL Database using ASP .NET MVC 3. Today, we will do the same for the jqxChart widget. In this post you’ll learn how you can use jqxChart with ASP.NET MVC … Continue reading
ASP .NET, 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

jQWidgets 1.6

We are happy to announce the availability of jQWidgets 1.6. This release marks the debut of the jqxChart widget. jqxChart is an easy to use jQuery Chart widget. It is written 100% in JavasSript and uses W3C standards like HTML, … Continue reading
JavaScript, JavaScript Plugins, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow
, , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jqxChart is coming soon

In the next version of jQWidgets, we will deliver a highly interactive and intuitive jQuery Chart widget which we called jqxChart. Some benefits of the jqxChart include true client-side charting, hardware accelerated graphics, DOM-friendly charts,interactive tooltips and easy integration in … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxChart
, , , , , , , , , , , , , , , , , ,

Leave a comment