jjzjj

scatter-plot

全部标签

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 - 带序号的 nvd3 散点图

我是d3和nvd3的新手,想创建一个简单的散点图,就像example但带有ordinaly轴。所以y轴值是分类字符串。这是我认为我需要做的:varxfun=function(d){returnd.Pos}//simpleints,yfun=function(d){returnd.Title}//theordinalvaluesvarchart=nv.models.scatterChart().showDistX(true).showDistY(true).color(d3.scale.category10().range()).margin({top:30,right:20,botto

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

javascript - d3.js 散点图 - 缩放/拖动边界、缩放按钮、重置缩放、计算中位数

我已经构建了一个具有缩放/平移功能的d3.js散点图。您可以在此处查看完整内容(单击“在新窗口中打开”以查看完整内容):http://bl.ocks.org/129f64bfa2b0d48d27c9有几个我一直无法弄清楚的功能,如果有人能指出正确的方向,我会很乐意帮助它:我想对区域应用X/Y缩放/平移边界,这样您就不能将其拖动到特定点(例如零)以下。我还尝试过创建Googlemap风格的+/-缩放按钮,但没有成功。有什么想法吗?更不重要的是,还有几个领域我已经找到了解决方案,但它非常粗糙,所以如果您有更好的解决方案,请告诉我:我添加了一个“重置缩放”按钮,但它只是删除图表并在其位置生成

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

javascript - 剧情 js : how to run my javascript ONLY after plot image is loaded

当通过JavascriptAPI(plotly.js,而不是plotly-nodejs)使用任何类型的plotly图表时,我如何才能在图表加载后运行一些javascript?我正在寻找plotlyjavascriptAPI中的机制,例如,在使用GoogleMapsAPI时,它与“addListenerOnce”结合“tilesloaded”或“ready”执行相同的操作。例如,假设我想在呈现https://plot.ly/~PlotBot/685处显示的示例后立即简单地显示一个警报,其html和js代码可以在https://plot.ly/~PlotBot/685.js查看.这样做的原

go - 多线图在 gonum/plot 中共享横坐标轴

是否可以在gonum/plot中制作具有公共(public)横坐标轴的多线图?在matplotlib中它看起来像这样。 最佳答案 是的,这是可能的。您可以使用plot.Align:packagemainimport("math/rand""os""gonum.org/v1/plot""gonum.org/v1/plot/plotter""gonum.org/v1/plot/vg""gonum.org/v1/plot/vg/draw""gonum.org/v1/plot/vg/vgimg")funcmain(){rand.Seed(i

go - gonum/plot 中单个图像中的多个图

是否可以在gonum/plot中将多个绘图合并到一个图像中?他们应该有自己的轴。是否可以将它们垂直、水平或可能在网格中堆叠?在matplotlib中它看起来像这样。 最佳答案 您可以使用plot.Align执行此操作.另请查看我在您的问题Multiplelineplotssharingabscissasaxisingonum/plot中发布的示例代码.该代码也适用于此问题。 关于go-gonum/plot中单个图像中的多个图,我们在StackOverflow上找到一个类似的问题: