stepify-plotly
As of July 2016 this is useful to convert line charts into step charts in Plotly[tm].
Problem
You have this data:
x = [1,2,3,4,5];
y = [2,4,6,8,10];
but you want a stairstep plot:
| ___ | | | ____| | | | ___| | | |___| |______________
not the straight line that Plotly.newPlot('outdiv',{x:x, y:y, mode:'line', type:'scatter'},{})
produces
Staircase Plot Solution
Alters the x and y data to produce a staircase effect. It makes a copy first with Array.slice()
so as not to pollute the original array.
var stepify = require('stepify-plotly');
var trace = {x:x, y:y, mode:'lines', type:'scatter', steps:1}; // stepify looks for steps:1, alters the data, deletes steps:1
Plotly.newPlot('outdiv', stepify(trace), {});
Safe for regular line plots too
If trace.step
is falsy, it is deleted and the plot data is unaltered. If trace.step
is absent, trace is passed unaltered.
Copyright
Copyright 2016 Paul Brewer, Economic and Financial Technology Consulting LLC
License
Trademarks
-
Plotly[tm] is a trademark of Plotly, Inc.
-
stepify-plotly
is not an official product of Plotly, Inc., but our 3rd party open source contribution. -
stepify-plotly
is not part of a similarly named npm project calledstepify
, whatever that may be.