frappe / charts

Simple, responsive, modern SVG Charts with zero dependencies
https://frappe.io/charts
MIT License
14.9k stars 716 forks source link

Feature: Stepped line charts #373

Open sun opened 2 years ago

sun commented 2 years ago

Expected Behaviour

We're trying to implement a stepped line chart, but could not figure out a way to do so yet.

Stepped Line Chart Examples:

The idea is that each data points "sticks" to the next one. The data visualization should not suggest to the user that the values between two data points are changing, but instead, the value of the previous data point remains in effect until a new data point.

A concrete example is a limit of calories intake imposed by a doctor. Unless the doctor gives you a new limit, you have to stick to the current/previous limit. It would be false to assume a higher limit for the timeframe between two data points. Hopefully this mockup helps to convey the difference:

Intake with limit mockup

Actual Behaviour

The line is always diagonal between two data points.

Intake with limit line chart