浮点图图例和轴标签不一起工作答案

【问题标题】：flot graph legend and axislabel not working together浮点图图例和轴标签不一起工作
【发布时间】：2012-12-28 21:10:17
【问题描述】：

我正在使用 JQuery Flot 图形插件并且遇到了一些困难。如果有人有更多的知识，请帮助我！

我试图在图形之外的单独 div 中显示轴图例，并显示 X/Y 轴的轴标签。但不知何故，这两件事不能一起工作。如果我注释掉一个，另一个工作正常。但不在一起。这是我的工作代码：

$.plot($(container), [
  {label:'Label1',data: dataPoints, lines: {show: true, lineWidth:1}, color:"#72BA82"},
  {label:'Label2',data: dataPoints2, lines: {show: true, lineWidth:1}, color:"#000"}
  ],
  {legend: { show: true, noColumns:3, container: '#graph1LegendHolder' }},
  {xaxis:{show: true,axisLabel: "Time",axisLabelFontSizePixels: 12 },
  yaxis:{show: true,axisLabel: "Amount",axisLabelFontSizePixels:12
  }}
);

正如我上面提到的，图例和轴线不能一起工作，但我相信其他代码是正确的。知道如何使两者一起工作吗？

谢谢！

【问题讨论】：

标签： jquery graph flot

【解决方案1】：

您将图例和轴选项作为两个单独的选项对象传递； Flot 将忽略其中一个，因为它只需要一组选项。您需要将它们组合起来：

...
], {
    legend: { ... },
    xaxis: { ... },
    yaxis: { ... }
});

【讨论】：

这就是它的工作原理！非常感谢。真的很感激。