Column/Group overrides

Column overrides allow you to change the style of a specific data column group. This can be useful for combining different graph styles eg. lines and bars, overriding a colour, changing the order or applying a class so further styling options can be defined in css.

There is a text area for each column and you can add multiple settings per column. Add each setting on a new line and separate setting name and value with a pipe (|). Eg.

type|line
color|#cccccc
weight|20
legend|hide

Available overrides

type

Eg. If your graph is bar chart, you could use this to set one of the columns to be a line for something like an average, or representing data that is slightly different than the rest.

Available options: line, spline, bar, area, area-spline or scatter

color

Override the colour on a specific column. Use a hex value. Eg. #000000 = black.

legend

Hide the legend for a specific column. This only has one option hide.

weight

Weighting (ordering) allows you to change the position of column/groups without having to update the source dataset. Heaver items sink to the end of lists, lighter items float to the top.

If you wanted an column to appear first, you could set a really low weight of -50. Alternatively if you wanted a column to appear last you could set a high weight of 50. Any positive or negative integer is valid.

style

This currently only applies to line graphs and it allows you to set the line to be dashed.

class

Adding a css class to a column allows additional custom styling. Currently there is one 'out of the box' style available hide-points that hide the points for a specific column.

You can add any classes you like and then define those styles is your custom css.