如何在 flotr2 条形堆栈上添加标记(标签)

Question

我使用flotr2，我在这里写了一个测试。http://jsfiddle.net/yKqXM/

如果我想在每个条形堆上显示标签，我应该使用"标记"类型吗？以及如何使用它。我是flotr2的新手，你能给我一篇好的学习文章或文档吗，这样我就可以学习它了。对不起，如果这个问题很愚蠢，但我在寻找这个例子时感到沮丧。

马 特

Answer 1

是的，您可以使用"标记"属性。您实际上可以将此片段放在柱线类型之后（您可以同时使用两者）：

markers: {
  show: true,
  position: 'ct',
},

但是，这有一个小问题。Flotr2 不尊重标记的堆叠位置，因此标记标签最终将位于错误的位置。

要解决此问题，请创建一些虚拟数据集，这些数据集是堆栈的总和，并将"条形"和"标记"移动到直接在单独的数据源上指定。列出数据后的位只是每个数据源的"默认"模式。

Answer 2

标记

有许多非常有用的选择。请参阅库源。

Flotr.addType('markers', {
    options: {
      show: false,           // => setting to true will show markers, false will hide
      lineWidth: 1,          // => line width of the rectangle around the marker
      color: '#000000',      // => text color
      fill: false,           // => fill or not the marekers' rectangles
      fillColor: "#FFFFFF",  // => fill color
      fillOpacity: 0.4,      // => fill opacity
      stroke: false,         // => draw the rectangle around the markers
      position: 'ct',        // => the markers position (vertical align: b, m, t, horizontal align: l, c, r)
      verticalMargin: 0,     // => the margin between the point and the text.
      labelFormatter: Flotr.defaultMarkerFormatter,
      fontSize: Flotr.defaultOptions.fontSize,
      stacked: false,        // => true if markers should be stacked
      stackingType: 'b',     // => define staching behavior, (b- bars like, a - area like) (see Issue 125 for details)
      horizontal: false      // => true if markers should be horizontal (For now only in a case on horizontal stacked bars, stacks should be calculated horizontaly)
  }