在 Rickshaw 中绘制 2 个图形

Question

有没有办法用不同的 Y 轴绘制 2 个图形？

我有一些数据（页面浏览量、引荐来源的堆叠区域），我想用叠加的折线图绘制一段时间内的操作次数。

我已经分别拥有了两张图，但只是想知道是否有办法将它们组合成一张。

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();