Stack Overflow
Stack Overflow

Questions tagged [rickshaw]

Rickshaw is an opensource JavaScript toolkit for creating interactive time series graphs.

According to its website, Rickshaw is an opensource JavaScript toolkit for creating interactive time series graphs. It provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc.

It's built on d3.js library underneath, so graphs are drawn with standard SVG and styled with CSS.

181 questions
2
votes
0 answers

Rickshaw.Graph.RangeSlider.Preview not updating when data getting changed

when rickshaw graph data changes, the slider preview not getting change/update. I am unable to use the slider preview. getting the following exception Rickshaw.Graph.HoverDetail.Rickshaw.Class.create._calcLayoutError…
BalaG
  • 145
  • 1
  • 7
2
votes
2 answers

Auto resize ajax charts rickshaw.js with zurb foundation

I also have trouble with resizing charts. I'm using rickshaw and zurb foundation, I need autoresize ajax chart which will resizing within panel container like this:
If use non ajax charts,…
user3666759
  • 81
  • 5
2
votes
2 answers

Prevent browsers moving SVG elements around page breaks

I'm making a dashboard using SVG-based charts. When I print the page, the charts move around to prevent page breaks from happening within them. This is undesirable and breaks my layout but I cannot figure out what is causing…
Ansel Santosa
  • 8,224
  • 1
  • 28
  • 39
2
votes
1 answer

Rickshaw smooth update transition

I'm working on something close to that example and I was wondering if there is a way to specify a transition function to be applied at each draw. I find the constant jumping hurts my eyes and I'd like to use something…
Renaud
  • 4,569
  • 7
  • 41
  • 72
2
votes
1 answer

Convert Graphite JSON output array to Rickshaw Graph compatible format

I'm using the Graphite Render API to return data in JSON format to node.js, which I'd like to pass to Rickshaw for graphing. I'm using grockets.js to pass the data to the client via socket.io. I have tested Rickshaw with socket.io successfully by…
user2576960
  • 2,883
  • 2
  • 14
  • 10
2
votes
3 answers

X-Axis Date Formatting in Rickshaw

I have added a datetime X-axis to my rickshaw graph: var x_axis = new Rickshaw.Graph.Axis.Time({ graph: graph, timeFixture: new Rickshaw.Fixtures.Time(), }); However, it doesn't generally give me the format I want. Can I give it a specifier…
Kyle Brandt
  • 26,938
  • 37
  • 124
  • 165
2
votes
0 answers

Rickshaw / d3.js add axis title

Is there a way to add title to the axis? Typically, it is useful to have the y-axis display units. For example: http://code.shutterstock.com/rickshaw/examples/y_axis.html has just numbers, but in any kind of plot you would need to specify: %, $,…
ozhogin
  • 155
  • 1
  • 10
2
votes
0 answers

Rickshaw Log scale graphs and slider scaling

I've been trying to understand how the sliders in Rickshaw/D3 interact with the scaling of a graph. It seems that when I use both together for a dynamic graph which displays a subset of the data selected by the slider, the log scale is not correct.…
mor22
  • 1,372
  • 1
  • 15
  • 32
2
votes
1 answer

Show a value using hover detail on rickshaw graph render

I'm using Rickshaw.Graph.HoverDetail to show values in a graph when moving the mouse over the graph. Now, I would like to show an initial value from the graph - HoverDetail-style - when it has been loaded (before a MouseEvent gets fired for the…
Kifnfik
  • 41
  • 6
2
votes
1 answer

How do I set hover parameters on rCharts Rickshaw charts?

This is the code I have: #Start up rickshaw charts library(rCharts) df.plot <- Rickshaw$new() #Set chart parameters df.plot$layer( y ~ x, data = df.aggregate2, type = "area", groups = "var2", colors=…
Dominic Gabriel Go
  • 23
  • 3
2
votes
1 answer

Dynamically Add Data Points To Rickshaw Graph

So I'm using the Rickshaw graphing library and I was wondering how to dynamically add points to a graph. I have a graph instantiated like this: @seriesData = [ [], [], [] ] random = new Rickshaw.Fixtures.RandomData(150) …
Connor Black
  • 6,921
  • 12
  • 39
  • 70
2
votes
1 answer

Group log file data by time interval in d3

I have some log file data that I would like to graph. For one log file, every time an event happens a line is added to the log file. I can get it so that the data looks like this: data = [ { "click": true, "date":…
Alexis
  • 23,545
  • 19
  • 104
  • 143
2
votes
3 answers

Parsing in Javascript

Here I am getting the data using the java.stringify. But to use the data which I get in the graph framework, that should not be withinquoted. I need to parse all the data which has quote in it. (eg [{data:[{x:87.6,y:85}..) What should I do here?…
Ash
  • 239
  • 2
  • 9
  • 25
2
votes
2 answers

How do I get rickshaw to aggregate data into weeks instead of days

My x,y values consist of unix epoch times (over about a year) and an integer. I graph the x axis using this: x_axis = new Rickshaw.Graph.Axis.Time graph: graph The result looks good, but the tick marks are day based (I assume) and…
Mike McKay
  • 2,388
  • 1
  • 29
  • 32
2
votes
2 answers

Javascript and rickshaw. How do I update realtime streaming?

How to I update rickshaw data with real time streaming? I initiate a chart as follows. for (var i = 0; i < json_data.length; i++) { meta = json_data[i]; seriesJsonData.push({color: palette.color(),data: meta['series'],name:…
Tampa
  • 75,446
  • 119
  • 278
  • 425
1 2 3
…
12 13