flot图形图例和axislabel不能一起工作

Question

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

我想显示轴图例显示在一个单独的图中，并显示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: { ... } 
});