时间戳

首页 > 解决方案 > jquery float：轴选项

jquery - jquery float：轴选项

问题描述

我正在使用 jquery flot 来显示粒子检测器命中，尽管与示例代码没有区别，但我无法正确处理。

var options = {
  points: { show: true, fill: true,fillColor: "rgba(255,0,0 ,1)"},
  xaxis: { min: 0,  max:63, ticks:16},
  yaxis: { min: 0,  max:9, ticks:9},
  colors: ["#FF0000"],
  };

$.plot($("#placeholder1"),[
   {
     data: d1,
     points: {show: true, fill: true , fillColor: "rgba(255,0,0,1)"},
     xaxis: { min: 0, max: 63, ticks: 63},
     yaxis: { min: 0, max:9, ticks:9},
     color: "#FF0000"
   }
]);

$.plot($("#placeholder2"), [d2], options);

我有三个数据数组，d1、d2 和 d3。我定义了一个名为“options”的变量，它可以很好地显示 d2，请参见下面带有 placeholder2 的行，它在所附图形中正确显示为“Y-Side”。

但是，当我在“placeholder1”中使用它时，这些选项不起作用（参见代码）。“颜色”选项被执行，但 xaxis 和 yaxis 设置被忽略（见附图）。语法有问题吗？请帮忙！！

我的下一个要求是将数据 d3 中的点添加到具有不同颜色的 x 侧图中，请帮助如何获得它。 附加代码剪辑的输出

非常感谢！

标签： jquerysyntaxflot

解决方案

您在滥用 jQuery 绘图功能。它需要三个参数。第二个应该是数据，它是一个数组，第三个是绘图选项。但是，在您的代码中，您没有第三个参数。你混合了第二个和第三个。 https://github.com/flot/flot/blob/master/README.md 请看看这个。

如果它是你想要的，你永远不能使用像它这样的 jQuery 绘图函数。

推荐阅读