首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用plotly.js的面积范围

使用plotly.js的面积范围
EN

Stack Overflow用户
提问于 2016-11-16 16:25:16
回答 1查看 583关注 0票数 1

是否可以使用plotly.js创建一个类似于高级图表(http://www.highcharts.com/demo/arearange-line)的区域范围图。我发现的示例(https://plot.ly/alpha/workspace/?fid=AgManager:20)在处理数据序列方面并不令人满意。我宁愿有一个最大和最小的系列。谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-11-16 22:35:03

您需要向数据中添加三个数组:平均数组、最小数组和最大值数组。先画出平均值,然后是最小和最大。使用fill: 'tonexty'获取阴影。

代码语言:javascript
复制
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)
代码语言:javascript
复制
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id='plot'>

</div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40637215

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档