在一張圖中繪制多個堆疊的序列

Question

是否可以將兩個單獨的數據變量分別堆疊在同一張圖表上？ 因此，例如，我的第一個數據變量具有3個堆疊序列，而我的第二個數據變量具有2個不同的堆疊序列。 我可以將它們放在同一張圖表中，但獨立堆疊嗎？

Answer 1

不確定我是否完全理解，但是如果您要兩組堆棧，只需將它們在x軸上分開即可：

    var d1 = [];
    for (var i = 0; i <= 10; i += 1) {
        d1.push([i, parseInt(Math.random() * 30)]);
    }

    var d2 = [];
    for (i = 0; i <= 10; i += 1) {
        d2.push([i, parseInt(Math.random() * 30)]);
    }

    var d3 = [];
    for (i = 0; i <= 10; i += 1) {
        d3.push([i, parseInt(Math.random() * 30)]);
    }

    // d1, d2, d3 run 0 to 10
    // d4, d5, 12 to 20

    var d4 = [];
    for (i = 12; i <= 20; i += 1) {
        d4.push([i, parseInt(Math.random() * 30)]);
    }       

    var d5 = [];
    for (i = 12; i <= 20; i += 1) {
        d5.push([i, parseInt(Math.random() * 30)]);
    }

產生（ 此處為示例）：

編輯評論

如果要按正方向堆疊某些序列，而按負方向堆疊其他序列，請為每個堆疊組提供唯一的stack變量值。

    var d1 = [];
    for (var i = 0; i <= 10; i += 1) {
        d1.push([i, parseInt(Math.random() * 30)]);
    }
    d1 = {data: d1, stack: 1}; // specifiy a unique stack for pos

    var d2 = [];
    for (i = 0; i <= 10; i += 1) {
        d2.push([i, parseInt(Math.random() * 30)]);
    }
    d2 = {data: d2, stack: 1}; // specifiy a unique stack for pos

    var d3 = [];
    for (i = 0; i <= 10; i += 1) {
        d3.push([i, parseInt(Math.random() * 30)]);
    }
    d3 = {data: d3, stack: 1}; // specifiy a unique stack for pos

    var d4 = [];
    for (i = 0; i <= 10; i += 1) {
        d4.push([i, parseInt(-Math.random() * 30)]);
    }
    d4 = {data: d4, stack: 2}; // specifiy a unique stack for neg


    var d5 = [];
    for (i = 0; i <= 10; i += 1) {
        d5.push([i, parseInt(-Math.random() * 30)]);
    }
    d5 = {data: d5, stack: 2}; // specifiy a unique stack for neg

更新示例 。