1 
$(document).ready(function(){
    var l0 = [6,  11, 10, 13, 11,  7];
    var l1 = [3,   6,  7,  7,  5,  3];
    var l2 = [4,   8,  9, 10, 8,   6];
    var l3 = [9,  13, 14, 16, 17, 19];
    var l4 = [15, 17, 16, 18, 13, 11];

    var plot1 = $.jqplot("chart1", [l0, l1, l2, l3, l4], {
        title: "Fill between 2 lines",
        axesDefaults: {
            pad: 1.05
        },

        fillBetween: {
            series1: 1,
            series2: 3,
            color: "rgba(227, 167, 111, 0.7)",
            baseSeries: 0,
            fill: true
        },
        seriesDefaults: {
            rendererOptions: {
                smooth: true
            }
        }
    });

});

この例は、2 つのシリーズの間の塗りつぶしを示しています。シリーズ 1,2 および 3,4 を埋める必要があります。積み重ねられた塗りつぶしは私の要件を満たしていません。

4

1 に答える 1

1

この機能はまだありません。私はこのコードのこの機能強化に取り組んできました。 機能強化のための Bitbucket プル リクエスト リンク

このリンクのコード変更は、問題の解決に役立ちます。

コードを変更した後、fill between プロパティに series1 と series2 の値の配列を渡します。

 fillBetween: {
        series1: [1,3],
        series2: [2,4],
        color: "rgba(227, 167, 111, 0.7)",
        baseSeries: 0,
        fill: true
    }

このようにして、シリーズ 1,2 および 3,4 を埋めることができます。

于 2013-06-18T13:20:42.887 に答える