1

私はflotr2を使用しています。ここにテストを書きました。 http://jsfiddle.net/yKqXM/

各バー スタックにラベルを表示したい場合、「マーカー」タイプを使用する必要がありますか? どうやって使うの？私は flotr2 を初めて使用します。良い研究記事またはドキュメントを教えていただけないでしょうか。この質問がばかげている場合は申し訳ありませんが、例を探すのにイライラしています。

マット

4

2 に答える 2

2

はい、「マーカー」属性を使用できます。実際には、バータイプの後にこのフラグメントを配置できます (両方を同時に使用できます)。

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

ただし、これには小さな問題があります。Flotr2 はマーカーの積み重ねられた位置を尊重しないため、マーカー ラベルは間違った位置に配置されます。

これを回避するには、スタックの合計であるいくつかのダミー データ セットを作成し、「バー」と「マーカー」を移動して、別のデータ ソースで直接指定します。データがリストされた後のビットは、各データ ソースの「デフォルト」モードです。

于 2012-09-04T02:48:32.073 に答える
0

マーカーには非常に便利なオプションがたくさんあります。ライブラリのソースを参照してください。

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)
  }
于 2015-08-14T12:39:08.570 に答える