Question

我看到，浮动图表阈值add-in允许我使用带有点的线条图表进行图表制作，如jsfiddle所示。

请注意，当您将points属性从false切换为true时，当行与x轴在零处交叉时，会显示一些点。对于我的场景，我只想显示与实际数据值对应的点，而不是当线与x轴相交时。

points: { show: true }

我尽可能多地阅读了这个加载项的在线信息，但似乎找不到合适的参数来配置。任何指针都表示赞赏。

Answer 1

您无法直接实现此目的，因为生成折线图的线段需要颜色发生变化的起点和终点，因此阈值插件必须添加这些点。

但您可以使用变通方法来实现它：向图表添加两个数据系列（具有相同的数据），一个包含行，另一个包含点（updated fiddle）：

var d1 = [];
for (var i = 0; i <= 10; i += 1) {
  d1.push([i, parseInt(Math.random() * 30 - 10)]);
}

$.plot("#placeholder", [{
  data: d1,
  threshold: {
    below: 5,
    color: "rgb(200, 20, 30)"
  },
  lines: {
    show: true,
    fill: true
  },
  points: {
    show: false
  },
  color: "rgb(200, 200, 130)"
}, {
  data: d1,
  threshold: {
    below: 5,
    color: "rgb(200, 20, 30)"
  },
  points: {
    show: true
  },
  color: "rgb(200, 200, 130)"
}]);

jQuery flot chart阈值

1 个答案: