Площадь участка с plotly.js

Question

Можно ли создать график диапазона зон с plotly.js, подобный графику Highcharts (http://www.highcharts.com/demo/arearange-line). Пример, который я нахожу (https://plot.ly/alpha/workspace/?fid=AgManager:20), не является удовлетворительным с точки зрения обработки рядов данных. Я предпочел бы серию с максимумом и минимумом. Спасибо

Answer 1

Вам необходимо добавить три массива к вашим данным: среднее, минимальное и максимальное. Сначала выведите среднее значение, затем min и max. Используйте fill: 'tonexty' для получения затенения.

var plotDiv = document.getElementById('plot'); 
 
var traces = [ 
 
    {name: 'avg', x: [1,2,3], y: [1,3,2], marker:{color: 'blue'}}, 
 
\t {name: 'min', x: [1,2,3], y: [0.5,2,1], marker:{color: 'lightblue'}}, 
 
\t {name: 'max', x: [1,2,3], y: [3,6,2.5], fill: 'tonexty', marker:{color: 'lightblue'}} 
 
]; 
 

 

 
Plotly.newPlot(plotDiv, traces)

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id='plot'> 
 

 
</div>