在人力车上一起绘制 2 张图

Plotting 2 graphs together in Rickshaw

本文关键字：张图 绘制 一起 人力车      更新时间：2023-09-26

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

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

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

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

当然。

下面是最简单的示例。

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();
相关文章：