Question

我正在使用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
  }}
);

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

谢谢！

Answer 1

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

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

flot graph legend和axislabel不能一起工作

1 个答案: