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
17
votes
2 answers

How to apply horizontal break to a d3.js bar chart

I am using Rickshaw (based on d3.js) to plot stacked bar charts. The problem is that the first bar is usually way more higher than the others, ruining the visual feedback. Using logarithmic scale is (I guess) not an option here, because then the…
kciesielski
  • 1,178
  • 9
  • 18
15
votes
4 answers

onClick Option for Rickshaw Charting

I was wondering if there is actually an out-of-the-box support for onclick event on a data point or I have to modify the library to make it works. I scanned through some parts of the source code and I didn't see anything that allows binding custom…
juminoz
  • 3,168
  • 7
  • 35
  • 52
12
votes
1 answer

Rickshaw: HoverDetail at incorrect position when using line renderer plus RangeSlider.Preview

I have a Rickshaw Graph with two lines. I need Rickshaw.Graph.RangeSlider.Preview and Rickshaw.Graph.HoverDetail: var graph = new Rickshaw.Graph( { element: document.getElementById('chart'), renderer: 'line', width: 400, height:…
Niko Sams
  • 4,304
  • 3
  • 25
  • 44
12
votes
2 answers

How to set the dynamic or static tick size in a Rickshaw.js plot?

I am creating a Rickshaw.js-powered graph much like in this example: http://code.shutterstock.com/rickshaw/tutorial/example_07.html based on my own data that is returned via an AJAX call. The data is either measured in bytes (typical values range in…
Hamish Grubijan
  • 10,562
  • 23
  • 99
  • 147
9
votes
1 answer

How to mark discrete points on a time series graph using D3 / Rickshaw?

I'm using Rickshaw to create a live-updating time series graph. Here is the demo: http://abhshkdz.github.io/icuvisualanalytics/prototypes/rickshaw.html The data is in csv format (time,value), and this is the core javascript for the…
abhshkdz
  • 6,335
  • 1
  • 21
  • 31
7
votes
1 answer

How can I set min/max of the x-axis in Rickshaw / D3?

I want to show a linear graph of time-based data for 'today'. At noon, only half of the graph would be populated as series doesn't contain more data. How can I make rickshaw display the full chart instead of just the timeframe with existing data?
andig
  • 13,378
  • 13
  • 61
  • 98
7
votes
1 answer

Display custom labels on X-axis with Rickshaw JS library

I have a dataset with pairs {x: someValue, y: count} where someValue is a day of the week in a form of (1..7) where 1 is "Sunday". On the Ricskshaw chart I would like to display (Mon, Tue..etc) respectively on the X-axis. How do I do that? At the…
Kris
  • 5,714
  • 2
  • 27
  • 47
6
votes
1 answer

Rickshaw: Graph max y-axis is cutoff

I'm trying to use Rickshaw to display data in our JS app, but the y-axis is sometimes cutoff: I have tried several variants of "display:visible", but nothing seems to work. Do you know how to fix this? (i.e. show the full "$100")?
Jason
  • 13,563
  • 15
  • 74
  • 125
6
votes
4 answers

How to graph dates on X axis in Rickshaw

I have a set of data for dates. What value should I provide the X axis values? How do I make Rickshaw display the X data values as dates? I looked around the docs and examples and cannot find anything.
Krystian Cybulski
  • 10,789
  • 12
  • 67
  • 98
6
votes
3 answers

How to set y-axis to fixed range in rickshaw?

I have data where most of the values are in range 41-44, but occasionally there are peaks to 150-350, so y-axis is automatically scaled to 0-350 and chart is simply unreadable. How to set fixed min and max for y-axis? I know that some values will…
kgs
  • 145
  • 2
  • 7
5
votes
1 answer

Uncaught Rickshaw.Graph needs a reference to an element index.js.erb

When I use script tags in my index.html.erb the exact code runs fine but when I put the code in index.js.erb, I get the error: Uncaught Rickshaw.Graph needs a reference to an element I tried precompileing assets, really don't know what else to…
dan987
  • 333
  • 3
  • 10
5
votes
2 answers

how to set default preview width to Rickshaw.Graph.RangeSlider

I am new to Rickshaw JS toolkit. In the example give at http://code.shutterstock.com/rickshaw/examples/extensions.html the preview bar(Rickshaw.Graph.RangeSlider) at the bottom of the graph used to select the time frame is by default the total time…
Dileep17
  • 299
  • 3
  • 18
5
votes
1 answer

Rickshaw.Graph.Axis.Time Resolution

I am trying to write a real time graph based on dummy data for now. My problem is that the resolution for my graph is too big for me. My timeUnit is an hour, but I get a range of 16 hours which I don't need to see right now in the same graph. For…
Brk
  • 99
  • 1
  • 3
  • 15
5
votes
2 answers

R: rCharts and Shiny: Rickshaw plot won't show

After having a lot of fun getting the basic of shiny down using ggplot2, I'm trying out rCharts. However, I can't get the Rickshaw graph to display. Any help much appreciated; take it easy - I'm just getting use to this ;) ###…
user32259
  • 1,113
  • 3
  • 13
  • 21
5
votes
2 answers

Live updating Rickshaw graph

I'm trying to use Rickshaw to create a nice placeholder graph that shows live updating with random data, like so: var series = [[], []]; var random = new Rickshaw.Fixtures.RandomData(150); for(var i = 0; i < 80; i++) { …
singpolyma
  • 10,999
  • 5
  • 47
  • 71
1
2 3
…
12 13