Get started with flot CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with flot CDN - cdnhub.io</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.js"></script>
    <script src="https://cdn.cdnhub.io/flot/4.2.6/plugins/jquery.flot.pie.js"></script>
    <style>
        #placeholder { width: 500px; height: 300px; }
    </style>
</head>
<body>
    <div id="placeholder"></div>

    <script>
        $(document).ready(function() {
            var data = [{
                label: "Series 1",
                data: [1, 2, 3, 4, 5],
                lines: { show: true },
                points: { show: false }
            }, {
                label: "Series 2",
                data: [1.5, 2.5, 3.5, 4.5, 5.5],
                lines: { show: true },
                points: { show: false }
            }];

            $.plot("#placeholder", data);
        });
    </script>
</body>
</html>

https://cdn.cdnhub.io/flot/4.2.6/jquery.canvaswrapper.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.canvaswrapper.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.colorhelpers.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.colorhelpers.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.axislabels.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.axislabels.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.browser.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.browser.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.categories.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.categories.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.composeImages.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.composeImages.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.crosshair.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.crosshair.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.drawSeries.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.drawSeries.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.errorbars.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.errorbars.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.fillbetween.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.fillbetween.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.flatdata.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.flatdata.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.hover.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.hover.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.image.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.image.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.legend.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.legend.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.logaxis.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.logaxis.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.navigate.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.navigate.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.pie.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.pie.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.resize.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.resize.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.saturated.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.saturated.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.selection.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.selection.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.stack.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.stack.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.symbol.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.symbol.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.threshold.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.threshold.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.time.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.time.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.touch.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.touch.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.touchNavigate.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.touchNavigate.min.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.uiConstants.js Copied!

https://cdn.cdnhub.io/flot/4.2.6/jquery.flot.uiConstants.min.js Copied!

Get started with flot CDN

Stable version

How to start using flot CDN

All versions