多个图在flot中具有相同的图例

在flot中，如果多个图具有相同的图例，可以通过以下步骤实现：

首先，确保你已经引入了flot库，并创建了一个包含多个图表的容器。
在每个图表的数据对象中，设置一个label属性来定义图例的名称。例如：

var data1 = [
  { label: "图表1", data: [[0, 10], [1, 20], [2, 30]] },
  // 其他数据点...
];

var data2 = [
  { label: "图表2", data: [[0, 15], [1, 25], [2, 35]] },
  // 其他数据点...
];

创建一个图例容器，并将其插入到图表容器中。例如：

var legendContainer = $("<div></div>").addClass("legend");
$("#chartContainer").append(legendContainer);

使用flot的drawSeries事件来绘制图例。在事件处理程序中，遍历每个图表的数据对象，并为每个图例项创建一个HTML元素。例如：

$("#chartContainer").bind("plotdraw", function (event, plot) {
  var legendContainer = $(".legend");

  legendContainer.html(""); // 清空图例容器

  var datasets = plot.getData();

  for (var i = 0; i < datasets.length; i++) {
    var series = datasets[i];

    // 创建图例项的HTML元素
    var item = $("<div></div>")
      .addClass("legend-item")
      .text(series.label)
      .appendTo(legendContainer);
  }
});