9

Flot 積み上げ棒グラフを作成しましたが、ブロックが積み上げられていないように見えます。ブロックはすべて 0 (グラフの下部) から始まります。

フロートチャート

4 つのブロックの値は次のとおりです。

  • 明るい緑 - 1
  • パープル - 28
  • 赤 - 83
  • ライトグリーン - 195

正しく積み重ねられていれば、高さは 307 になるはずです。

   drawLineChart: function(el,data,ticks,labelstr) {
      var plot = $.plot(el, data, {
        series: {stack: true,
             lines: {show: false, steps: false},
             bars: {show: true, barWidth: 0.4, align: 'center'}
        },
        xaxis: {
            ticks: ticks
        },
        yaxis: {
            min: 0,
        },
        grid: {
            color: '#aaa',
            borderWidth:0,
            axisMargin:0,
            hoverable: true,
            autoHighlight: false
        },
        legend: {
            show: true,
            position: "ne",
            noColumns: 1
        }
      });
   }
4

2 に答える 2

9

最も可能性の高い問題は、flot の後にスタック プラグインを含めていないことです。head タグには、次のようなものが必要です。

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="../jquery.js"></script>
<script language="javascript" type="text/javascript" src="../jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="../jquery.flot.stack.js"></script>

この場合のキーは、その最後のscriptタグです。

それを超えて、問題が何であるかはわかりません-私はあなたのオプションを実行しましたが、すべてがうまく見えました. 実際の動作はこちらでご覧ください。

于 2012-09-04T15:53:22.433 に答える
5

Flot で同じ問題に遭遇し、積み上げ棒グラフを表示しようとしました。私の場合、シリーズが日付の昇順でソートされていないことが原因であることがわかりました。

日付の昇順で並べ替えた後、シリーズは適切に積み上げられ始めました。

積み重ねる必要がある負の値がある場合、私もあなたと同じ状況に遭遇しました。これは、ネイティブ スタック プラグインではサポートされていません。棒グラフで負の値を積み重ねるための代替プラグインについては、こちらをご覧ください。

于 2014-02-08T00:01:47.303 に答える