Enable customization of fill color for fill plots

Chris Leonello avatarChris Leonello created an issue

Enable customization of fill color for fill plots.

Comments (2)

  1. Chris Leonello

    I've added additional options applicable to filled line plots, fillAndStroke, fillAlpha and fillColor. A patched jquery.jqplot.r239.js and a sample test1.html files are attached to the ticket.

    • fillAndStroke: If true, will stroke a line on top of the filled area (default is to just fill the area up to the line.
    • fillColor: If fillAndStroke is true you can specify a custom fill color with fillColor. The default is the line color. You can specify alpha transparency directly in the fillColor spec as so: fillColor:'rgba(126, 239, 44, 0.5)'.
    • fillAlpha: If fillAndStroke is true, this will add alpha transparency to the fillColor spec of the line. If transparency is already specified in the fillColor spec, it will replace that transparency. fillAlpha is useful if you want the default fillColor to be used, but just want to make it transparent.

    So, applicable options might look something like:

    seriesDefaults: {fill: true, fillAndStroke: true, fillColor:"rgb(220,202,110)"}


    seriesDefaults: {fill: true, fillAndStroke: true, fillAlpha:0.5}
  2. Log in to comment
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.