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'}},
	{name: 'min', x: [1,2,3], y: [0.5,2,1], marker:{color: 'lightblue'}},
	{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>

区域范围与plotly.js

1 个答案: