在人力车中共同绘制2个图表

时间:2015-01-16 18:01:46

标签: javascript d3.js rickshaw

有没有办法将2个图形与不同的Y轴一起绘制?

我有一些数据(页面浏览量,引荐来源的堆积区域),我想用一个覆盖的行动图线图来绘制。

我已经分开了两个图表,但只是想知道是否有办法将它们合并为1。

2 个答案:

答案 0 :(得分:0)

您应该能够通过将您要输出的元素作为每个图形的目标传递来绘制两个图形。你在使用SVG输出吗?你能发布一些你正在使用的代码吗?

答案 1 :(得分:0)

不确定

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