草庐IT

折线图绘制

全部标签

ruby - 在 Ruby 中绘制点和矩形

我正在寻找一种简单的方法来绘制大约10个点和矩形,以便能够查看我的算法哪里出了问题。我查看了gnuplot,但似乎绘制矩形特别糟糕。 最佳答案 SVG(MDNTutorial)是一种非常简单的基于文本(XML)的格式,您可以使用Ruby轻松生成它,而无需任何SVG库,并可以在任何现代Web浏览器中查看。这是一个示例:通过字符串插值的SVG点points=(0..5).map{[rand(100)-50,rand(100)-50]}puts#{points.map{|x,y|""}.join("\n")}ENDSVG输出:http:/

javascript - Material 谷歌折线图中的对数刻度

我无法为我的MaterialGoogle折线图创建对数垂直轴。文档指出我应该在选项中将vAxis.logScale设置为true,但这不会导致任何结果。目前我的测试是:google.charts.load("current",{"packages":["line","corechart"]});google.charts.setOnLoadCallback(function(){vardata=newgoogle.visualization.DataTable();data.addColumn("date","Date");data.addColumn("number","1");da

javascript - 如何动画绘制一系列线段

我想画一个点,大约1秒后我想画下一个点。这是否可能:我已经试过了:functionsimulate(i){setTimeout(function(){drawPoint(vis,i,i);},1000);}for(vari=1;i不幸的是,这是行不通的。它只是立即绘制整条线。 最佳答案 这是行不通的,因为for循环将立即运行到结束,setTimeouts将被同时调度,所有函数将同时触发。取而代之的是,这样做:vari=1;(functionloop(){if(i++>200)return;setTimeout(function(){

javascript - 我如何使用 D3.js 获取一组 Javascript 对象,并在折线图中使用它们?

我正在处理的Web应用程序有一个REST接口(interface),该接口(interface)返回类似于此的对象数组:[{"id":110,"time":1360580745797,"userName":"pinky","activity":"respawn"},{"id":111,"time":1360580745797,"userName":"perky","activity":"changedirection"},{"id":112,"time":1360580745797,"userName":"clyde","activity":"caughtpacman"},{"id":

javascript - 在谷歌地图上自由绘制

我正在使用GoogleMapsAPIV3在Googlemap中绘制一些自由形式的多边形,而不是标准库附带的标准点击多边形。一切都很好。问题:多边形生成大量可编辑点。如何在需要时简化多边形并创建可编辑点?这里是我的代码:varlatlng=newgoogle.maps.LatLng(46.779231,6.659431);varoptions={center:latlng,zoom:19,mapTypeId:google.maps.MapTypeId.ROADMAP,draggable:false};varmap=newgoogle.maps.Map(document.getElemen

javascript - 如何在 javascript 中创建带有自定义值和轴标签的自定义柱形折线图?

我想知道我是否可以使用像highcharts这样的javascript库,googlecharts,amcharts或d3js创建如下图表:正如您在图片中看到的,顶部有每列中绘制的3个值的摘要,因此需要在顶部有自定义轴标签,以便显示所有这些信息。并且绘制的每个值还有一个矩形框,其中包含值(这是它的价格)、它的名称和它所属的Segment。 最佳答案 您当然可以使用ZingChart创建此图表。Here'smyrenditionofyourchart.请务必单击JavaScript选项卡以查看图表JSON及其呈现方式。此外,在HTML

javascript - Highcharts 绘制列高度的倒数

我正在尝试绘制一个分类的多轴排名柱形图。排名第一的应该是最高的列,最低的排名应该是最短的。基本上我希望条形的高度是倒数。非常接近:varplayer_name_array=["AaronRodgers","AndrewLuck","DrewBrees","RussellWilson","PeytonManning","RyanTannehill","TonyRomo","MattRyan","CamNewton","BenRoethlisberger","EliManning","PhilipRivers","ColinKaepernick","TeddyBridgewater","M

javascript - 谷歌地图绘制两点之间的路线

我编写了这个无辜的javascript代码,它允许用户创建两个标记并绘制它们之间的路线。它不起作用,相反,它给出了一个奇怪的错误:UncaughtTypeError:Cannotreadproperty'ya'ofundefined有人可以告诉我这里出了什么问题吗://calleduponaclickGEvent.addListener(map,"click",function(overlay,point){if(isCreateHeadPoint){//addtheheadmarkerheadMarker=newGMarker(point,{icon:redIcon,title:'H

javascript - 将时间戳格式添加到折线图 x 轴

我是d3.js和c3.js的新手。我想要c3.js中的动态时间戳,如thisd3.jsexample所示。.它应该根据时间范围改变时间格式。我正在关注c3js.org'stimeseriesexample.但无法获得动态范围。代码如下。更新1vardate1=newDate(1397657484*1000);vardate2=newDate(1397657514*1000);vardate3=newDate(1397657554*1000);vardate4=newDate(1397657594*1000);vardate5=newDate(1397657641*1000);varda

javascript - 如何在 Fabric.js 中绘制圆弧

我正在使用Fabric.js,我想在Canvas上绘制弧线。我能找到的最接近的形状是Circle形状。当然,这只能让我画一个圆,而不是像跨越45°或180°的弧。有没有办法用Fabric.js来完成这个?如果没有,有没有办法获取底层上下文,然后创建弧并允许fabric管理它?保留Fabric.js提供的选择和缩放功能很重要。 最佳答案 在最新版本的FabricJSforcircle中添加了startAngle和endAngle属性。https://github.com/kangax/fabric.js/pull/1675varcan