Stack Overflow
Stack Overflow

Questions tagged [rgraph]

RGraph is an javascript charts library that uses the HTML5 canvas and SVG tags to draw charts with and supports many different types of visualisation.

RGraph is a free javascript charts library that uses the HTML5 canvas and SVG tags to draw charts with JavaScript and supports many different types of visualisation.

Bar, Line, Pie, Scatter, Rose, Gantt, Horizontal Bar charts and more are all catered for - all of which are very quick to render in the browser. There are over 50 different types of charts that are possible using both SVG and canvas.

There are integration APIs for AJAX, CSV files, Google Sheets and lots of documentation about integrating with server-side scripts.

136 questions
0
votes
1 answer

Saving RGraph charts to local machine

I am having issues saving images to local file. Every other things look fine but the image won't just save. Here is a snippet of my code. function saveImage(){ var xmlhttp; xmlhttp=((window.XMLHttpRequest)?new XMLHttpRequest():new…
Isiaq Abdul-Azeez Olugbenga
  • 1
0
votes
1 answer

Long Labels on Xaxis overlapping in Rgraph and decimals not displayed on yaxis

X axis labels are person names each 20 character or less.They are overlapping how to correct it.Or is there a way to rotate it and display it vertically. Also my y axis values are decimal like 0.56,0.777,0.045 etc,All these are displayed as 0 0…
Kulsum Fatima
  • 15
  • 1
  • 7
0
votes
2 answers

Disable rendering of RGraph attribution

RGraph.net appends an attribution link back to their site. While it is licensed under CC Attribution-NonCommercial 3.0, attribution can be done in other ways and having the text show up on every single graph can look excessive on some designs. How…
Nathan
  • 1,396
  • 3
  • 18
  • 32
0
votes
1 answer

Rgraph sample using Angular js

I am new to AngularJS and I would like to draw R-graph in AngularJS. I searched a lot and could not find any result.I got a sample in drawing Google chart using angular js. In the same way i need to plot r-graph in AngularJS. Can anyone suggest a…
prabha baby
  • 1
  • 2
0
votes
2 answers

RGraph: scientific notation (eg. "4e-2" instead of "0.02") at y-axis

Sometimes RGraph plots "4e-2" instead of "0.02" at the y-axis of a line-chart. I have set scale.decimals to 2 and 0 ist correctly displayed as 0.00, but 0.02, 0.04 etc. are displayed in scientific notation. If there is no property which can be set…
TheIndividual
  • 13
  • 4
0
votes
1 answer

Legend doesn't show all line's on line Rgraph

I'm using Rgraph to make a line graph with multiple line's on it. The problem i'm having is that some graphs i'm making can have over 30 lines on them which means the legend doesn't show all the lines displayed on the graph. I've looked through the…
user4522254
0
votes
1 answer

RGraph: how to change background color?

I have a web page with 3 rgraph dynamically updated Line charts. I use ajax call for retrieving data from web service. When ajax call completed with error I want to change the chart background color to 'gray'. And when call is successful to change…
ZedZip
  • 5,794
  • 15
  • 66
  • 119
0
votes
1 answer

How to draw multiple charts on a single canvas with RGraph?

I'm trying to figure out how to draw multiple RGraph charts on a single canvas. Not overlapped charts, but, say, one chart under another. I'd prefer to do it this way (rather than have multiple canvases on the page) as should far easier to…
Andy Hill
  • 3
  • 5
0
votes
1 answer

changing rgraph color without resetting the graph

I try to set a diffrent graph color depending on a user given threshold. The examples given recommend you to reset the graph using RGraph.Reset(graph1); and then redrawing the graph entirely: graph[graph1] = new RGraph.VProgress({ …
FiesoDuck
  • 49
  • 8
0
votes
2 answers

line graph Tickmarks and grid vertical lines are not aligned?

Okay. i have this problem in line graph. Tickmarks(data-points) are not aligned with vertical grid lines. is there a way to achieve that.please help?
Danish
  • 503
  • 3
  • 14
0
votes
2 answers

Javascript: Assigning a boolean property through variable is not working

I want to convert string variable to boolean. when i am assigning a properties without variable it is working: .Set( 'bevel', false ) // working now i want to assign this via variable like this: function abc(prop){ .Set( 'bevel', prop ) // not…
Syed Daniyal Asif
  • 726
  • 1
  • 5
  • 19
0
votes
2 answers

Forming a Stack Bar chart/ Grid with Color Intensity varying on Value

I am Trying to make a grid look like stacked bar chart. The various sections of the Bar represent the App category and x-axis plots the bar on their price class. I want the color intensity of the section of the bar to change with the number of Apps…
user3825354
  • 13
  • 6
0
votes
0 answers

rgraph x axis is not accurate to its ticks

Helo, I want to do padding-left to the xaxis because the zero number doesn't start at the beginning of the graph. Anyone know how to do this? **In chrome it is being render in advance correctly where in IE it doesn't as I describe. Thanks, Roy
Roy
  • 137
  • 2
  • 7
0
votes
1 answer

How to invert RGraph bar chart y-axis

I'm trying to draw a bar graph with the scale inverted, ie the 0 on top and 100 at the xaxis crossing in the bottom, but even using ylabels.invert it doesn't work. Can anyone help me? var bar4 = new RGraph.Bar(canvM, …
RBrazao
  • 49
  • 1
  • 6
0
votes
1 answer

How to provide tooltips for multiple line charts

I'm converting existing code that displays a single line graph to display multiple line graphs at once. I would like each line graph to have tooltips. My code looks like this: var line = new RGraph.Line('canvas', data).Set('tooltips', tips) I can…
wytten
  • 2,800
  • 1
  • 21
  • 38
1 2 3
…
8 9