2

面グラフ (積み上げ＋折れ線グラフの塗りつぶし) を作成すると、点が塗りつぶしの色と重なって表示されます。

このバグを示す例を作成しました: http://jsfiddle.net/d3bpD/

フロート チャートのオプション:

var options = {
    series: { stack: true },
    lines: {
        fill: 1,
        show: true
    },
    points: { show: true }
};

これに対する可能な回避策は何ですか？

4

1 に答える 1

1

flot がスタック プラグインで満たされる方法のバグのようです。ソースを掘り下げずに考えられる唯一の簡単な修正は、データのセットごとにデータを 2 つのシリーズに複製することです。1 つ目は線と塗りつぶしを描画し、2 つ目は上の点のみを描画します。

someData = [[1, 3],
            [2, 16],
            [3, 3],
            [4, 3],
            [5, 8],
            [6, 12],
            [7, 3]];

var dataset = [
    {color: "#edc240", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}}, 
    {color: "#afd8f8", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}},
    {color: "#cb4b4b", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}},
    {color: "#4da74d", data: someData, stack: 1, lines: {fill: 1, show: true}, points: {show: false}},
    {color: "#edc240", data: someData, stack: 2, lines: {show: false}, points: {show: true}}, 
    {color: "#afd8f8", data: someData, stack: 2, lines: {show: false}, points: {show: true}},
    {color: "#cb4b4b", data: someData, stack: 2, lines: {show: false}, points: {show: true}},
    {color: "#4da74d", data: someData, stack: 2, lines: {show: false}, points: {show: true}}
];

$.plot("#flot", dataset, {});

ここでフィドル。

プロデュース:

ここに画像の説明を入力

于 2014-01-29T02:28:28.967 に答える