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
0
votes
0 answers

How do I include today in the time axis in Rickshaw

I'd look this up in Rickshaw's documentation if it had any. Does it? I want my time axis to include the current date, even if there isn't a point there. I already worked around this by duplicating the last data point, but I'd prefer if that point…
Nick Retallack
  • 18,986
  • 17
  • 92
  • 114
0
votes
1 answer

[giraffe][rickshaw] How to dynamically scaly Y axis on positive and negative sides

I am using Giraffe (https://github.com/kenhub/giraffe) to draw some graphs based on some graphite metrics. The values for one of the graphs can go positive as well as negative. I do not want to set explicit scale for the graph using "min" and…
Vinay
  • 9
  • 4
0
votes
1 answer

Rickshaw tooltip control with R

I'm trying to make something similar to http://www.r-bloggers.com/rickshaw-d3-js-from-r-with-rcharts/ (manipulate rickshaw with R). Is it possible to manage tooltip/hoverDetail? Like for example I'd like to get the difference of the values of two…
marshmallow
  • 3
  • 1
0
votes
0 answers

How to implement the d3.time.scale linear time scale in Rickshaw?

I developed a small D3 example for an application I'm prototyping and in it the x-axis is defined on a time scale. I'm looking for compatible functionality in Rickshaw for time-series graphing, but I can't find a compatible way of putting a time…
Les
  • 487
  • 1
  • 10
  • 22
0
votes
1 answer

Make Anotations with Javascript Rickshaw

I use RickShaw for Graphics, but I need make a few anotattion on X axis for my graphics, I use the next: var annotator = new Rickshaw.Graph.Annotate({ graph: graph, element: document.getElementById('timeline') }); annotator.add(timestamp,…
ManuParra
  • 1,471
  • 6
  • 18
  • 33
0
votes
2 answers

Rickshaw - Annotations Dont Appear Until User Rolls Over Legend

I'm just starting to learn Rickshaw (as is evident by the bloated demo code below). I have most everything running as I'd like, but I have an odd bug where the annotations will not appear until the user rolls over the legend. Any ideas how to fix…
Dakota Reese Brown
  • 63
  • 2
  • 6
0
votes
0 answers

creating valid javascript object from json

If I have some json that looks like this: [ {"y": 0.964, "x": "2013-10-17T18:23:11.244418+00:00"}, {"y": 0.979, "x": "2013-10-17T18:23:11.244455+00:00"} ... ] How do I create a javascript object that uses identifiers instead of quoted…
tbc
  • 1,679
  • 3
  • 21
  • 28
0
votes
2 answers

Can't display axis to my rickshaw chart

I'm trying to display x- and y-axis to my charts. I'm using JSON for the data. This is my following code : new Rickshaw.Graph.Ajax( { element: document.getElementById("chart"), width: 580, height: 300, renderer: 'line', dataURL:…
MathieuLuyten
  • 95
  • 1
  • 6
0
votes
0 answers

any option to make the graph area shrink when a drop down button is clicked

I am working of d3 as well as with rickshaw.js. i have made the graph and the legend in a single container. so when the legend drop down is clicked it slides down. i am trying to shrink the graph area when the drop down slides down. as well as when…
Hk M
  • 73
  • 2
  • 10
0
votes
1 answer

any option to reduce the mouse hover area

i am working on d3. and the problem which i am facing is that whenever i take the mouse pointer inside the graph it immediately shows the hover details. but the thing is that i am in need of showing the hover details only if the mouse pointer is…
Hk M
  • 73
  • 2
  • 10
0
votes
1 answer

Disabling hover Method

I am using Rickshaw javascript framework. Where there is one hover class is there. There I can modify the hover class to return my own result in the existing code.. In the same way I want to disable the hover to make the particular data visible…
Ash
  • 239
  • 2
  • 9
  • 25
0
votes
1 answer

Can Rickshaw.graph() create the chart at specific co-ordinate?

If I have an existing SVG element & I want the chart created by Rickshaw.graph() to be inserted at a certain (x,y) co-ordinate in the (previously)existing SVG element, is it possible to do it ?
Aejaz
  • 100
  • 8
0
votes
1 answer

Accessing Data in the Json File

I am having hard time to access the particular json data. Here`s my json file { "id": "72", "title": "Item Category Product Level Average Price Comparison", "xLabel": null, "yLabel": "Average Price", "zLabel": null, "data": [{ …
Ash
  • 239
  • 2
  • 9
  • 25
-1
votes
2 answers

Pushing a values in a Particular format to an array

I want to create an array dynamically which should be having a value in the format of var dat1 = [ { x: 0, y: 32.07 }, { x: 1, y: 37.69 }, { x: 2, y: 529.49 }, { x: 3, y: 125.49 }, { x: 4, y: 59.04 } ]; I want to store the…
Ash
  • 239
  • 2
  • 9
  • 25
-2
votes
1 answer

Can every d3 chard drawn by rickshaw for cloud-computing software platform?

I have included tags openstack and amazon-web-services because they are cloud-computing platform. I am going to start Rickshaw chart. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. I am working on…
geeks
  • 2,025
  • 6
  • 31
  • 49
1 2 3
…
12
13