- How to make a dual-color Line chart
HOWTOguide takes you through the steps that are required to create an
SVGdual-color Line chart where the upper half is one color (eg green) and the lower half is a different color (eg red). This dual-color chart uses two
SVGtags along with positioning
- How to create a chart without a browser using PhantomJS
HOWTOguide has detailed instructions about how to use the PhantomJS tool to create your charts from the command line. PhantomJS is a Webkit-based headless browser that runs from the command line. This means that you can use it to automate (via a scheduled task for example) the creation of images that can be made available to download for inclusion in, for example,
HOWTOguide is in the
canvassection of the website but applies to
SVGcharts as well.
- How to create a stacked and grouped Bar chart
The default types for the Bar chart are regular, stacked and grouped. With a little manipulation though there's one more that can be generated - a combined stacked and grouped chart.
- How to create a horizontal or vertical progress bar
Creating Horizontal or Vertical Progress Bars can be done by using the Horizontal and Vertical Bar charts (or rather two of them - one for the background and one for the foreground).
- How to make formatting strings easier
String.formatfunction can be used to easily format strings like the
sprintf. It improves the readability of code when compared to simple concatenation.
- How to use the RGraph.SVG.text.find function
HOWTOdescribes how you can use the
SVGcharts find function to get hold of text nodes - which you can then customise as required.
- How to use global configuration values in your charts
The global configuration values are inherited by all of the
SVGcharts that are created on the page and make it easy to reduce the amount of text on the page and cut down on your RGraph configuration.
- How to use the background layers in your SVG charts
There are a number (10 by default) of background "layers" available to you to use in your
SVGcharts - these are achieved by using the
- How to turn a label into a link (SVG version)
canvasversion of this document, this page shows you how to turn one of your
SVGlabels into a functioning link that you can click.