草庐IT

折线图绘制

全部标签

javascript - 类似谷歌的股票图表/折线图

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我正在寻找类似于GoogleChart(example)的特定样式的Javascript或SVG图表库我已经搜索了一段时间,但找不到任何与这种风格非常相似的东西,我很好奇是否有人可以指出正确的方向以实现类似的最终结果。我查看了GoogleVisualizationAPI并尝试制作LineChartinJSFiddle但似乎无法复制那种设计风格。有什么建议吗?SeeEx

JavaScript 绘制数据库模式

我需要在HTML页面中显示几个数据库表的结构(4-5个顶部)。我必须显示列,标记主键并绘制外键连接(我猜是箭头)。我选择了raphael.js,除了外键箭头外,其他都很好,因为它们必须避免与表相交,并以一种奇特的方式进行,例如转弯之类的。有人知道解决办法吗?如果没有,我如何轻松绘制箭头?我现在的试用版是http://jsfiddle.net/eKF6R/连接表格没问题,但我需要连接特定的列并避免交叉。 最佳答案 试试这个网站http://dbdsgnr.appspot.com/希望对你有帮助。

javascript - Canvas - Canvas 保存为图像后,橡皮擦在 Canvas 上绘制黑线

在Canvas上绘图非常好。甚至橡皮擦也能正常工作。问题是,当Canvas保存为图像时,它绘制的是黑线而不是橡皮擦。为了更好地理解,我添加了屏幕截图和代码。1。在删除绘图时-一个。源代码-erase(){this.ctx.globalCompositeOperation='destination-out';}handleMove(ev){//letctx=this.canvasElement.getContext('2d');letcurrentX=ev.touches[0].pageX-this.offsetX;letcurrentY=ev.touches[0].pageY-this

javascript - 在多个点之间绘制扇形多边形

我正在尝试在多个点之间使用SVG绘制扇形路径,就像为矩形绘制一样here但在多个点之间。期望两个或更多两个或更多选择的点由扇形线连接。但是我面临的问题是,扇贝的大小不对称或随机。-我解决了这个问题点击后多点扇贝方向和上下。如下图所示。即使在html5canvas上下文中给出答案,我也完全可以。我会做出调整。我缺少一些额外的计算,但无法弄清楚是什么。请在结果页中多次点击查看当前绘制的扇贝varstrokeWidth=3;functiondistance(x1,y1,x2,y2){returnMath.sqrt((x1-x2)*(x1-x2)+(y1-y2)*(y1-y2));}funct

javascript - 如何绘制具有补间动画效果的三个js线几何体?

我是Three.js的新手。我想在3D空间上绘制曲线(基于一些参数方程),使用THREE.JS,来说明绘制路径。为了实现这个基本上我尝试了两种方式:方法一:更新几何中的值。:varlineGeometry=newTHREE.Geometry();lineGeometry.vertices.push(newTHREE.Vector3(starting_x,starting_y,starting_z));varlineMaterial=newTHREE.LineBasicMaterial({color:0xffffff});varline=newTHREE.Mesh(lineGeometr

javascript - 使用 Google Maps JavaScript API 绘制区域轮廓和阴影

Googlemap网络应用程序以非常漂亮的方式对区域区域进行地理编码和勾勒。这可以通过GoogleMapsJavaScriptAPI实现吗?网站示例:https://maps.google.se/maps?q=sk%C3%A5ne&hl=sv&ie=UTF8&ll=57.1422,13.337402&spn=5.468408,16.907959&sll=39.290385,-76.612189&sspn=0.243658,0.528374&hnear=Sk%C3%A5ne+l%C3%A4n&t=m&z=7这是瑞典的斯科讷县。GoogleMapsWeb应用程序用红色勾勒出它的轮廓,并用粉

javascript - Google map 折线 - 如何删除它?

所以我查了之前关于这个的问题,都是V2相关的,没用。因此,我创建了两个标记,将它们保存在一个数组中作为标记["to"]和标记["from"]然后用这个添加它们functionroute(){for(varkeyinmarkers){flightPlanCoordinates.push(markers[key].position);}flightPath=newgoogle.maps.Polyline({path:flightPlanCoordinates,strokeColor:"#FF0000",strokeOpacity:1.0,strokeWeight:2});flightPat

javascript - D3js - 创建并轻松更新多折线图

我已经使用D3创建了一个小的测试折线图,但是由于我对这个库还很陌生,所以我不确定向图表添加多条线的最佳方法是什么,目前我只有一条线显示在这个fiddle.我想在图表上显示2条线,但我不确定如何在不复制粘贴代码的情况下实现这一点,我确信这会非常低效,因为我想定期更新/动画图表关于用户选择。取而代之的是vardata=[12345,22345,32345,42345,52345,62345,72345,82345,92345,102345,112345,122345,132345,142345];我想展示这样的东西,vardata=[[12345,42345,3234,22345,7234

javascript - 在 d3.js 中绘制滚动/移动平均线

寻找一种在d3中绘制滚动/移动平均线而无需提前操作数据的方法。所以我想通过平均每个数据点和它后面的两个来平滑这条线。我的代码是这样的vardata=[3,66,2,76,5,20,1,3,8,90,2,5,70];varw=20,h=80;varx=d3.scale.linear().domain([0,1]).range([0,w]);vary=d3.scale.linear().domain([0,100]).rangeRound([h,0]);varchart=d3.select("body").append("svg").attr("class","chart").attr("

go - 如何在 GoLang 中编写折线

我想用坐标集在golang中打印一个“Polyline()”函数:xy300250400350250600我不明白这个结构:Polyline(x[]int,y[]int,s...string)请展示如何在GoLang中携带这条折线 最佳答案 packagesvgimport"github.com/ajstarks/svgo"PackagesvggeneratesSVGasdefinedbytheScalableVectorGraphics1.1Specification(http://www.w3.org/TR/SVG11/).Ou