shutterstock / rickshaw

JavaScript toolkit for creating interactive real-time graphs

Home Page:https://shutterstock.github.io/rickshaw

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Provide a way to change color of a specific part of a graph.

ceremcem opened this issue · comments

We may exclusively interested in some specific changes of a graph, for example:

  1. Above a maximum point (easy)
  2. Below a minimum point (easy)
  3. Very rapid change (not that easy)

Max and min values can be calculated right in the time, but changes can not (graph engine must look for a variable amount of data to calculate the amount of change appropriately).

That's why, we may feed the graph data with a third color key maybe.

I want to achieve a goal something like this:

image

Tricky - that would mean a series renders 2x paths rather than the one, and would complicate many other features. Not impossible, but currently a series has one path and one color, and series is obviously a core component - therefore change it and you change lots of other components.

Have you considered that this would be possible with 2x series?

series1 = {
 data: [{x:1, y:10},{x:2, y:10},{x:3,y:null},{x:4,y:null},{x:5, y:20},{x:6, y:20}]
};
series2 = {
 data: [{x:1, y:null},{x:2, y:10},{x:3,y:13},{x:4,y:17},{x:5, y:20},{x:6, y:null}]
};