CodePen Embed - Plotly line

<head>
  <!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>
  
  <div id="myDiv"></div>

</body>

var trace1 = {
  name: 'Energy consumption',
  x: ['1-3-2019', '2-3-2019', '3-3-2019', '4-3-2019', '5-3-2019', '6-3-2019', '7-3-2019'],
  y: [10, 15, 13, 17, 19, 10, 11, 13],
  type: 'line',
  line: {
    color: '#45B5C6'
  }
};

var trace2 = {
  name: 'Cold water consumption',
  x: ['1-3-2019', '2-3-2019', '3-3-2019', '4-3-2019', '5-3-2019', '6-3-2019', '7-3-2019'],
  y: [16, 5, 11, 9, 0, 4, 0],
  type: 'line'
};

var data = [trace1, trace2];

layout = {
    showlegend: false
}

Plotly.newPlot('myDiv', data, layout, { 
  responsive: true,
  displaylogo: false
});

This Pen is owned by Jellene Khoh on CodePen. It is a fork of this Pen.

See more by @jellene4eva on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.