jjzjj

javascript - 我怎样才能用 flot 只绘制点(而不是线)?

最终我想要一个像这样的非常小的一维图表:坐标轴X轴:0到100,不可见Y轴:0到0(但绘制三条线可能需要-1到1)数据仅积分。无需排队。两个数据集需要不同的颜色(首选红色和绿色)。x轴上的所有数据(y=0)如果形状是可能的,X和O将是完美的飞机我需要在x轴上的特定点绘制三条线,而不是标准网格。示例:[[40,-1],[40,1]],[[50,-1],[50,1]],[[60,-1],[60,1]]这是我到目前为止尝试过的:d1=[[48,0],[16,0],[10,0],[40,0],[30,0],[37,0]];d2=[[43,0],[60,0],[74,0],[83,0]];var

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 - 使用 Google Maps API 绘制 map 路径/航路点并播放路线

我正在尝试在播放映射路线时绘制已访问的路径,如以下示例所示:加载map时,我希望绘制的点A、B、C、D、E和F一个接一个地连接起来。我已经成功地绘制了这些点,但是我不能一个接一个地动态链接这些点。这是我的代码:varmarkers=[{"title":'Alibaug',"lat":'12.97721863',"lng":'80.22206879',"description":'AlibaugisacoastaltownandamunicipalcouncilinRaigadDistrictintheKonkanregionofMaharashtra,India.'},{"title"

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允许我将突出显示硬编码

javascript - Highcharts : Change each individual plot/marker size, 这可能吗?

我正在尝试更改以下chart上每个图的大小,这可能吗?我确实尝试过更改线条粗细,但这对每个线条系列上的每个单独图都没有影响。series:{[],marker:{enabled:false},},Graphseries是一个从Sql数据库中收集数据的变量。 最佳答案 在series列表中添加lineWidth参数。看这个jsFiddle代码。关键代码:varchart=newHighcharts.Chart({//someothercodeseries:[{name:'Tokyo',data:[7.0,6.9,9.5,14.5,18