Plotly is free for unlimited public use. Sign up for free!

Sensitive data? Upgrade to a paid plan

Show Sidebar Hide Sidebar
Node.js

Filled Area Plots in Nodejs

How to make a filled area plot in nodejs. An area chart displays a solid color between the traces of a graph.

// Learn about API authentication here: https://plot.ly/nodejs/getting-started
// Find your api_key here: https://plot.ly/settings/api

require('plotly')(username, api_key);

var trace1 = {
  x: [1, 2, 3, 4],
  y: [0, 2, 3, 5],
  fill: "tozeroy",
  type: "scatter"
};
var trace2 = {
  x: [1, 2, 3, 4],
  y: [3, 5, 1, 7],
  fill: "tonexty",
  type: "scatter"
};
var data = [trace1, trace2];
var graphOptions = {filename: "basic-area", fileopt: "overwrite"};
plotly.plot(data, graphOptions, function (err, msg) {
    console.log(msg);
});
Still need help?
Contact Us

For guaranteed 24 hour response turnarounds, upgrade to a Developer Support Plan.