同时使用flot和bootstrap

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<div id="chartContainer" style="width: 100%; height: 400px;"></div>

$(document).ready(function() {
    var data = [
        [0, 0],
        [1, 1],
        [2, 4],
        [3, 9],
        [4, 16]
    ];

    $.plot("#chartContainer", [data], {
        series: {
            lines: { show: true },
            points: { show: true }
        },
        grid: { hoverable: true, clickable: true },
        xaxis: { ticks: [[0, "A"], [1, "B"], [2, "C"], [3, "D"], [4, "E"]] },
        yaxis: { min: 0, max: 20 }
    });
});