Get started with jqPlot CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jqPlot CDN - cdnhub.io</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jqPlot/1.0.9/jquery.jqplot.min.js"></script>
    <style>
        #chart div { width: 50%; height: 300px; float: left; margin-right: 1%; }
    </style>
</head>
<body>
    <div id="chart1"></div>
    <div id="chart2"></div>

    <script>
        $(document).ready(function () {
            var plot1 = $.jqplot('chart1', [
                [0, 4], [1, 8], [2, 15], [3, 12], [4, 13], [5, 10], [6, 3], [7, 7], [8, 16]
            ], {
                title: 'First Chart',
                series: [{
                    label: 'Series 1'
                }]
            });

            var plot2 = $.jqplot('chart2', [
                [0, 8], [1, 3], [2, 4], [3, 13], [4, 11], [5, 15], [6, 12], [7, 9], [8, 6]
            ], {
                title: 'Second Chart',
                series: [{
                    label: 'Series 1'
                }],
                axes: {
                    xaxis: {
                        label: 'X Axis'
                    },
                    yaxis: {
                        label: 'Y Axis'
                    }
                }
            });
        });
    </script>
</body>
</html>

https://cdn.cdnhub.io/jqPlot/1.0.9/jquery.jqplot.css Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/jquery.jqplot.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/jquery.jqplot.min.css Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/jquery.jqplot.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.BezierCurveRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.BezierCurveRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.barRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.barRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.blockRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.blockRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.bubbleRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.bubbleRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasAxisLabelRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasAxisLabelRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasAxisTickRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasAxisTickRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasOverlay.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasOverlay.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasTextRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.canvasTextRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.categoryAxisRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.categoryAxisRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.ciParser.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.ciParser.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.cursor.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.cursor.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.dateAxisRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.dateAxisRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.donutRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.donutRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.dragable.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.dragable.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.enhancedLegendRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.enhancedLegendRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.enhancedPieLegendRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.enhancedPieLegendRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.funnelRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.funnelRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.highlighter.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.highlighter.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.json2.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.json2.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.logAxisRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.logAxisRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.mekkoAxisRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.mekkoAxisRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.mekkoRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.mekkoRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.meterGaugeRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.meterGaugeRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.mobile.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.mobile.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.ohlcRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.ohlcRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pieRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pieRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pointLabels.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pointLabels.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pyramidAxisRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pyramidAxisRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pyramidGridRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pyramidGridRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pyramidRenderer.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.pyramidRenderer.min.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.trendline.js Copied!

https://cdn.cdnhub.io/jqPlot/1.0.9/plugins/jqplot.trendline.min.js Copied!

Get started with jqPlot CDN

Stable version

How to start using jqPlot CDN

All versions