区范围内plotly.js

Question

是否有可能创建一个类似于Highcharts（http://www.highcharts.com/demo/arearange-line）的plotly.js区范围图。 我找到实例（https://plot.ly/alpha/workspace/?fid=AgManager:20）不是在处理所述数据系列的方面令人满意。我宁愿有一个最大和最小的系列。 感谢

Answer 1

您将需要三个阵列添加到您的数据：平均值，最小值和最大值。首先绘制平均值，然后分钟和最大值。使用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>