草庐IT

绘制图形

全部标签

Javascript 图形可视化库

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Graphvisualizationcodeinjavascript?我必须创建一个网络应用程序来显示图形(由边连接的节点)。我希望能够控制边缘的颜色以及它们的标签(最好让它们在鼠标悬停时显示)。我还想将一些信息附加到节点以在鼠标悬停时显示。

javascript - 使用 Google 方向 API 问题绘制具有 8 个以上航路点的路线图

我正在尝试绘制具有多个航点的路线图。根据谷歌API,您只能使用8个航点,而对于业务开发,您只能使用23个航点,但这不足以绘制准确的旅行map。我得到了一个值得注意的解决方案linkhere但没有正常工作。此解决方案存在一个问题,即无法绘制路线图。如果你打开我的JSFiddle您可以看到有许多路径点:喜欢:-varpoints=[[28.595161666666666,77.31429666666666],[28.602561666666663,77.31256166666667],[28.594639999999995,77.30559166666667],[28.585825,77.

javascript - 传单不连贯地绘制瓷砖

我正在实例化一张传单map,但图block基本上散布在整个页面上-虽然map在一个div中,但大多数图block都没有遵守该边界:JavaScript归结为:mapOptions={attributionControl:true,center:{lat:38.573955lng:-121.442478},centerpoint:"38.573955,-121.442478",layers:{},maptype:"Terrain",scrollWheelZoom:false,zoom:8}varmap=L.map("Map_5333811_16",mapOptions);什么会导致图bl

javascript - 如何在大型谷歌地图上绘制一个矩形区域并查询数据库以查找矩形内存在的位置/点?

我有一个应用程序,我想向最终用户展示一张谷歌地图,并允许他们使用简单的矩形绘图工具选择map的一个区域,然后将所有位置存储在客户端的数据库中落在该矩形选择区域中的那些在map上显示为点...我对谷歌地图有一个简单的了解,并且可以让谷歌地图在没有问题的情况下绘制数据库中的所有位置......我的问题在于允许最终用户绘制矩形。不确定如何实现。有人可以解释一下或将我链接到如何完成的示例吗? 最佳答案 看起来这个问题是在Googlepostedaboutthenewdrawingtoolsinv3API前几个月提出(并回答)的...我不得不

javascript - Clojurescript、JavaScript、SVG、图表、图形

我正在编写一个客户端应用程序。我想使用ClojureScript。我想生成矢量图形(图形、图表、折线图)。我应该读些什么?[唯一的硬性要求是ClojureScript——(1)我喜欢Clojure,并希望在Clojure中完成整个应用程序(2)这个需要在浏览器中运行]谢谢! 最佳答案 无耻外挂:可以用C2,一个Clojure/ClojureScript数据可视化库。(Githubhere。)核心思想与D3相同——将数据映射到DOM元素——但由于您拥有Clojure更强大的语义和数据结构,因此它最终比D3/JavaScript更具可组

javascript - 旋转的 X 轴标签与图形本身重叠

我正在努力处理旋转的x轴标签。如果它们超过5-6个字符,它们会与图表重叠,您可能会在此处看到:http://jsfiddle.net/kmfT9/215/如果这没有出现,您可以在jsfiddle窗口中粘贴下面的代码重现错误。varchart=newHighcharts.Chart({chart:{renderTo:'container',marginLeft:120},xAxis:{categories:['Jan','02/03/2011','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],labels:{y:2

javascript - 使用 Rafael.js 绘制带虚线的矩形

我正在使用Rafael.js在图像上绘制矩形。我设置描边颜色的问题是背景可能是深色或浅色或任何颜色。我认为处理这个问题的最好方法是使用虚线。然而这个电话circle=Canvas.paper.rect(left,topCoord,width,height).attr({stroke-dasharray:"---"});不起作用。Firebug(在FireFox20.0上)返回一条错误消息,指出我的.js文件中的现有函数不存在。stroke-dasharray似乎对矩形无效。 最佳答案 基本的JavaScript错误:{stroke-

javascript - flotchart,禁用图形刻度上的小数点

在我的图表中,数据集中的所有项目都不包含小数点,但在其自动缩放例程中,它有时决定向我显示中间小数点我不希望它那样做,有没有办法让它不那样做?这很重要的原因是因为这个数据集中从来没有十进制值,所以没有必要暗示会有或认为它对规模有帮助http://jsfiddle.net/gamm/t3Vqh/2/vardataset=[overdue,open,completed];varoptions={series:{stack:true,bars:{show:true}},bars:{align:"center",horizontal:false,barWidth:.8,lineWidth:0},

javascript - 哪个 JavaScript 图形库的性能最好?

我正在为一个JavaScript项目做一些研究,其中绘制简单图元(即线条)的性能是迄今为止的首要任务。thisquestion的答案提供大量JS图形库。虽然我意识到浏览器的选择比库的影响更大,但我想知道它们之间是否有任何区别,然后再选择一个。有没有人对其中任何一个进行过性能比较? 最佳答案 更新后的答案(2019年):核心建议仍然是相同的:为了获得最大性能,使用瘦包装器或使用原始浏览器API,同时避免使用DOM或任何类似DOM的结构。在2019年,这意味着避免使用SVG(以及基于它构建的任何库),因为它可能会在尝试快速更改DOM时导

Javascript绘制动态线

我正在寻找让用户(在图像上)画线的Javascript代码。就如Photoshop中的线条工具(举例):用户点击图片,拖动鼠标(同时在鼠标拖动时动态绘制起点和鼠标点之间的线)。我还需要一个可调用函数来向页面发送开始和结束坐标。我发现这个非常好的区域选择脚本:http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/而且我找到了许多用于绘制线条(和JS中的其他形状)的脚本,但找不到我要找的东西。谢谢 最佳答案 由于