Построение двух графиков вместе в Rickshaw

Есть ли способ построить 2 графика вместе с разными осями Y?

У меня есть некоторые данные (просмотры страниц, область с накоплением по рефереру), которые я хотел бы построить с наложенным линейным графиком количества действий с течением времени.

У меня уже есть оба графика по отдельности, но мне просто интересно, есть ли способ объединить их в один.


javascript d3.js rickshaw
person aiguofer    schedule 16.01.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы должны иметь возможность рисовать оба графика, передавая элемент, который вы выводите, в качестве цели для каждого. Вы используете SVG для вывода? Можете ли вы опубликовать часть кода, с которым вы работаете?

person double.emms    schedule 16.01.2015
comment
Эй, извините за задержку с ответом... Я пытался некоторое время работать с плункером, чтобы заставить его отображать мои данные, но я не могу заставить его работать... хотя он отлично работает с моими собственными данными... вот что я до сих пор plnkr.co/edit/kX4s0eCE2Vofvou1hkf2 - person aiguofer; 28.01.2015

arrow_upward
0
arrow_downward

Конечно.

Вот самый простой пример.

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();
person Mark    schedule 16.01.2015
comment
Спасибо! это действительно близко к тому, что я ищу! К сожалению, масштабы очень разные (иногда линейный график очень плохо видно), и меня больше волнует взаимосвязь трендов. Есть ли способ построить только одну из серий по другой оси Y? - person aiguofer; 16.01.2015