jjzjj

plotly-dash

全部标签

javascript - NVD3 javascript : add colors to points in a scatter plot

我正在尝试根据一些具有x、y和z值的数据绘制散点图。我的代码和NVD3网站上的例子是一样的,http://nvd3.org/ghpages/scatter.html,除了我还计算了z值。比方说z=x+y。我不想更改半径值,而是想通过在两种颜色之间插值来设置颜色。所有点都显示在图表上,但我不知道如何为单个点设置颜色,只能为系列设置颜色。为简单起见,我首先尝试将点设置为静态颜色,如下所示:[{"key":"XPlusY","values":[{"x":0,"y":0,"z":0,"color":"#ff0000"},...]但这不起作用,所以我想我需要在javascript中执行此操作。我

javascript - d3JS : Plot lower-density data version of a large data set when zoomed out on line/area chart

我正在创建一个类似于MikeBostock's的图表可缩放面积图。对于我的特定项目,我有一组传感器,每30秒记录一次值(温度、光线、湿度和声音)。我有缩放实现工作,但是当我缩小到一年的比例时,图表的密度会减慢浏览器的速度并且图形也不会读取。如何编辑脚本,使折线图的密度相对于缩放量发生变化?换句话说,x域控制着值(value)线上的点数。当我放大到一个小时的时间范围时,我想要全密度(每30秒记录一次),而当我缩小时,我想要低得多的密度(每天记录一次)。有任何想法吗?使用上面链接中的脚本实现会很有帮助。谢谢!svg{font-size:10px;}.axis{shape-rendering

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 - 在不修改底层对象的情况下使用 Lo-Dash 合并

如何在不修改obj的情况下使用lodash_.merge(obj,source)?我只想返回合并计算的值,但我想保持原始对象完好无损。我认为这个问题适用于大多数lodash函数,但到目前为止我还没有找到解决方案。 最佳答案 只需提供一个空对象作为目标(mergesupportsmorethanonesourcevalue):varresult=_.merge({},obj,source); 关于javascript-在不修改底层对象的情况下使用Lo-Dash合并,我们在StackOver

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 - 非顺序地加载 MPEG-DASH 片段以进行搜索

用JavaScript构建MPEG-DASH播放器。但是,我在实现搜索时遇到了问题,而且似乎没有太多关于如何使用MSE和相应的源缓冲区对象处理它的引用资料。据我所知,只要片段编码正确(我通过SegmentTemplate使用单独的m4s文件,而不是字节范围),就应该只需要为所需的任意点附加片段(比如10秒标记),然后将VideoElement的currentTime参数也设置为标记。所有这一切都有效,我可以确认片段缓冲区没有错误,片段的第一帧甚至会在VideoElement中视觉加载。但是,它不会播放,并且无法进行擦洗。也没有错误。它只是表现得像是在等待更多数据。这可以通过添加所有先前

javascript - 在使用 Lo-Dash 3.0 转换值时有什么好的 groupBy 方法?

给定一个像这样的对象数组:vardata=[{key:'a',val:'1'},{key:'a',val:'2'},{key:'b',val:'3'},{key:'c',val:'4'},{key:'c',val:'5'},{key:'c',val:'6'}];我想把它转换成这样:vardesiredResults={'a':[1,2],'b':[3],'c':[4,5,6]};到目前为止,我已经找到了两种使用lodash-fp实现此目的的方法,但我仍然想知道是否有更好的方法。第一种方式有点程序化:varout=_(data).transform(function(out,item){

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现在可以显示悬停值。我的方法是创建文本标签,