草庐IT

javascript - 如何在 plotly js 中创建水平阈值线?

我正在使用plotlyJS创建一个简单的折线图。代码如下:vartrace1={x:[1,2,3,4],y:[10,15,13,17],type:'scatter'};varlayout={xaxis:{title:"X-Axis",tickangle:45,rangemode:'nonnegative',autorange:true,exponentformat:"none"},yaxis:{title:"Time",tickangle:45,rangemode:'nonnegative',autorange:false}}Plotly.newPlot(myDiv,[trace1],

javascript - 使用 plotly.js 将 modeBar 放在顶部中心

我正在使用plotly.js在我的网络应用程序中绘制图形。默认情况下,modeBar位于右上角。有什么办法可以把它放在顶部中心吗? 最佳答案 这应该有效:.js-plotly-plot.plotly.modebar{left:50%;transform:translateX(-50%);} 关于javascript-使用plotly.js将modeBar放在顶部中心,我们在StackOverflow上找到一个类似的问题: https://stackoverfl

javascript - 如何在 Plotly 中添加轨迹,并为 x 轴上的每个数据点设置自定义顺序?

我正在尝试创建一个具有(x,y)坐标的折线图,其中x轴对应于日期,y轴对应于值。日期格式为DD-MM-YYYY,即15-04-2015。当我添加我的第一条轨迹时:vartrace={x:["9-10-2016","6-12-2016","8-12-2016"],y:[30,11,38],name:"trace1",mode:'lines,我只是使用javascript数组的自定义排序方法按日期对数组的x轴和y轴进行排序。但是当我向图表中添加一条新轨迹时,似乎没有明显的方法可以让这些点相对于图表上的其他轨迹按日期排序。它们似乎总是位于第一条轨迹上所有内容的右侧,即使第二条轨迹中的某些点的

javascript - 如何隐藏 plotly 中的数据差距?

我的数据集可能包含较大的数据间隙,我想绘制数据图表而不用绘图自动填充空白。来self的应用的示例图表:数据:+------------+-----------+------------+|date|responses|percentage|+------------+-----------+------------+|2017-02-13|4|0.6296||2017-02-14|1|0.7963||2017-02-15|4|0.7315||2017-02-16|2|0.4213||2017-03-02|1|0.8611||2017-03-03|1|0.8148||2017-03-04

javascript - 如何为 Plotly boxplot 制作自定义 hoverinfo 标签?

基本上,当前版本的Plotly存在问题,它无法正确显示箱线图的悬停信息。它省略了标签(最小值、最大值、中值等),所以当我绘制以下图时:plot_ly(y=~rnorm(50),type="box")我没有必要的标签。有没有办法让我提供自定义悬停标签,使它们像这样最大:1.97,q3:0.84,中位数:0.25等?我的Plotly版本是“4.7.1” 最佳答案 这是一个使用ggplot2的示例,您可以将其映射到plotly。希望它能帮助您指明正确的方向。最新版本的plotly和ggplot2现在可以显示悬停值。我的方法是创建文本标签,

javascript - 在 Plotly.js 中禁用悬停

尝试在Plotly中创建一个风玫瑰;实际图表显示正常,但我不想要任何一个悬停工具提示。hoverinfo:none似乎不起作用;我究竟做错了什么?varjson={"RequestID":null,"AppCode":"0","AppMessage":"OK","Meta":null,"Data":{"Series":[{"r":[23.658536585365852,19.878048780487806,7.8048780487804876,5.8536585365853666,13.292682926829269,6.463414634146341,4.02439024390243

javascript - plotly.js - 如何修复条形图中条形之间的空间

是否有任何配置布局选项来增加plotly.js中条形图中条形之间的空间?我尝试增加图的宽度,但它正在扩展整个图。我需要固定条的宽度和条之间的间距。任何帮助都会非常有帮助。 最佳答案 是layout的设置改变gap的layout对象的键值对是bargap。例如给定数组x和y:Plotly.newPlot('myDiv',[{x:x,y:y,type:'bar'}],{title:'title',xaxis:{title:'abscissa'},yaxis:{title:'ordinate'},bargap:0});将生成像直方图一样没

javascript - plotly.js 中的分类轴顺序

我有一个plotly.js条形图,我试图让分类轴的顺序正确。每个类别都有一个条形图,但有时它们是绿色的,有时它们是黄色的。条形图应按从高到低的顺序排列,但实际上似乎是根据不同的填充量对它们进行排序。数据:vardata=[{"marker":{"color":"#006666"},"x":["A:0122","A:0121","A:0434","A:0838","A:0083","A:0081","A:0687"],"y":[1246.0,1096.0,1000.0,200.0,0.0,0.0,0.0],"name":"Green","type":"bar"},{"marker":{"

javascript - 从 plotly.js 图中删除所有痕迹

我有一个包含plot.ly图的页面,我想将数据写入几次,覆盖之前的内容。我找不到从我的plotly.js图中删除所有痕迹的方法,只是重新绘制添加数据而不删除旧数据。 最佳答案 有两种方法可以做到这一点,都列在plotlyjsfunctionreferencepage中.选项1(告诉plotly删除有问题的痕迹):Plotly.deleteTraces(graphDiv,0);其中第二个参数是要删除的跟踪的跟踪索引。请注意,第二个参数也可以是一个索引数组,允许您一次删除多个跟踪。选项2(告诉plotly使用新数据制作新图):Plotl

javascript - Plotly.js 悬停在多个子图中

我有一个plotly.js图表,其中包含多个共享x轴的子图,如https://plot.ly/javascript/subplots/#stacked-subplots-with-a-shared-x-axis中所示我试图将鼠标悬停在所有子图中,以便同时显示具有相同x值的所有点的值。我试图通过在每个子图中调用Plotly.Fx.hover来解决这个问题,但它似乎只对调用它的最后一个子图生效。http://codepen.io/john-soklaski/pen/adQwBa我试过的代码是:Plotly.Fx.hover('myDiv',{xval:2,curveNumber:0},"x