Styling Charts

Explore the different views in the menu below to see how customisable KeyLines charts can be.


A minimalist view can often be more effective as it reduces the amount of information users are subjected to, producing a clean, clear chart.

Although KeyLines has many features that can be useful, it's never a good idea to include all of them in one view, as this causes sensory overload.

Having a simpler feel to your chart can be useful when highlighting certain items. A bright colour stands out more against a less vibrant background.

You can also create custom controls for your charts and time bars. Here we've used overlaid page elements with the and font icons for toggling the time bar and fitting the time range into the view respectively.

This demo shows the level of customisation available with KeyLines. You can adapt almost every aspect of a chart to fit the style or theme of your application.

Each view uses a combination of chart, time bar and layout options to produce a wide variety of chart styles.

Take a look at the different results to see just how versatile KeyLines can be.