在人力車中一起繪製2個圖形

Question

有沒有辦法將2個圖形與不同的Y軸一起繪製？

我有一些數據（頁面瀏覽量，被引用者堆積的區域），我想用隨時間推移的行爲數量的覆蓋線圖進行繪圖。

我已經有兩個圖分別，只是不知道是否有一種方法將它們合併爲1

Answer 1

您應該能夠通過傳遞你輸出到作爲目標的元素繪製兩個圖每。你使用SVG輸出嗎？你能發佈一些你正在使用的代碼嗎？

Answer 2

當然。

這是simplest of examples。

var graph = new Rickshaw.Graph({ 
    element: document.getElementById("chart"), 
    renderer: 'multi', 
    series: [{ 
    name: 'one', 
    data: [{ 
     x: 0, 
     y: Math.random() 
    }, { 
     x: 1, 
     y: Math.random() 
    }, { 
     x: 2, 
     y: Math.random() 
    }, { 
     x: 3, 
     y: Math.random() 
    }, { 
     x: 4, 
     y: Math.random() 
    }, { 
     x: 5, 
     y: Math.random() 
    }], 
    color: 'blue', 
    renderer: 'stack' 
    }, { 
    name: 'two', 
    data: [{ 
     x: 0, 
     y: Math.random() 
    }, { 
     x: 1, 
     y: Math.random() 
    }, { 
     x: 2, 
     y: Math.random() 
    }, { 
     x: 3, 
     y: Math.random() 
    }, { 
     x: 4, 
     y: Math.random() 
    }, { 
     x: 5, 
     y: Math.random() 
    }], 
    renderer: 'line', 
    color: 'red' 
    }] 
}); 

graph.render();