Numerous line style options with 6 built in marker styles!
Horizontal and vertical Bar charts!
Shadow control on lines, markers, the grid, everything!
Drag and drop points with auto updating of data!
Log Axes with flexible tick marks!
Trend lines computed automatically!
Installation procedure.
Download jQplot1.0.9-stable
dist librarybuild from sources?
jQPlot has lots of easy configurable options.
html tag & Call jQPlot building system
<div id="chart"></div>
<script>
$(function(){
$.jqplot("chart", [[1, 2, 3]]);
});
</script>
With options
<div id="chart"></div>
<script>
$(function(){
$.jqplot("chart", [[1, 2, 3]], {
title: 'Chart title'
});
});
</script>
With plugins
<div id="chart"></div>
<script>
$(function(){
var s1 = [['/home',46], ['/var',14], ['/tmp',5], ['/',35]];
var plot1 = $.jqplot('chart', [s1], {
title: 'Disc usage',
seriesDefaults: {
renderer: $.jqplot.PieRenderer,
rendererOptions: {
showDataLabels: true,
labelColor: "red",
showDataCategoryOnHover : true,
sliceMargin: 1,
ringMargin: 8,
}
},
legend: { show:true, location: 'e'}
});
});
</script>
Plugins extend jQPlot's charts renderers. Developers can build their own plugins to share with community or use the existing plugins.
Contribute & Plugins
Featured Plugin
Use hooks to create plugins see plugin creation tutorial here.
Custom Plugins
Browse our plugins directory to find the your needed tools for your needs.
Develop Plugins
jQPlot has an extensive utility belt for plugin developers. Learn how to build your plugins & share.
Powered by Open Source
jQPlot is hosted on GitHub. Have a suggestion or found a bug? Fork this project to help make jQPlot even better.