草庐IT

avail_plot

全部标签

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 - OnUnload 警报错误 "NS_ERROR_NOT_AVAILABLE"

ClickMevartest=0;functionclickme(){test=1;console.log(test);}window.onunload=function(){alert("test");}我正在使用这个简单的代码来测试一些关于onunload和onbeforeunload的事情。出于某种原因,每当我刷新/离开页面并导致onunload事件时,我都没有收到任何警报,并且在Firebug控制台中出现错误。如果我使用onbeforeunload这有效并且我没有收到任何错误,但我听说onbeforeunload不是很好的跨浏览器。NS_ERROR_NOT_AVAILABLE:

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 - 结合 angularJS 和 d3.js : Refreshing a plot after submitting new input parameters

我希望在单击输入字段中包含新值的提交按钮后,我的网络d3.js绘图将根据生成的新图进行更新通过新输入值。在下面,您可以找到我的示例代码:GenerateGraph.js该文件包含一系列函数,可根据提交输入值。然后需要在浏览器中刷新图形。functiondegree(node,list){vardeg=newArray();for(vari=0;inetwork.html!DOCTYPEhtml>graphSimulatinganetwork//gettheinputparametersforplottingangular.module("myApp",[]).directive('ne

javascript - 将 plot bands 动态应用到 Highcharts 图表

我正在使用HighchartsAPI向我的页面输出折线图并对其应用以下方法:zoomType:'x',event.preventDefault(),alert(event.xAxis.min)&alert(event.xAxis.max)这使用户能够突出显示图表的一部分,并在不放大的情况下输出他们突出显示的开始时间和结束时间。效果很好,但现在我需要突出显示用户选择的图表部分。我一直在查看此处详述的xAxis.plotBands方法:http://api.highcharts.com/highcharts#xAxis.plotBandsxAxis.plotBands允许我将突出显示硬编码