草庐IT

折线图绘制

全部标签

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

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

javascript - 谷歌折线图 : drag to adjust value

我最近放弃使用Graphael和扩展包Ico.我认为它仍然是一个很棒的库,只是需要更好的文档和适当的API才能被广泛采用。我已经将带有图表的区域转换为使用GoogleCharts,但似乎无法找到一种方法来实现我使用graphael实现的一项特定功能:拖动支持。我的一个linecharts需要可编辑,这意味着可以上下拖动线上的各个点来调整值。我一直在尝试寻找事件或在API中附加事件的方法,但没有成功。有没有人设法做这样的事情?据说可以制作自定义图表-是否可以这样做?编辑:似乎不太可能或很难连接到GoogleAPI或输出的SVG。它在iframe中并且没有可用的源代码只会使它的吸引力越来越

javascript - Chart.js - 多折线图 - 只显示最后一个图表

我正在使用chart.js在一页上显示多个折线图。然而,只有最后一张图表显示,尽管我将它们命名为#canvas1和#canvas2。某处一定有冲突,我已经尝试了大多数事情,但没有任何快乐。这里有两个图表,它只显示最后一个:图一varlineChartData={labels:["January","February","March","April","May","June","July","August","September","October","November","December"],datasets:[{label:"Target",fillColor:"rgba(220,

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绘制动态线

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

javascript - chart.js中折线图的背景颜色

我想更改由chart.js生成的折线图的背景颜色。似乎没有这个选项,文档也没有帮助。在互联网上广泛搜索没有产生任何结果。这可能吗?我必须承认我对HTML5canvas了解不多,所以我有点挣扎! 最佳答案 使用Chart.jsv2.1,您可以编写自己的插件来执行此操作预览脚本Chart.pluginService.register({beforeDraw:function(chart,easing){if(chart.config.options.chartArea&&chart.config.options.chartArea.ba

javascript - D3.JS 时序折线图,带实时数据,可平移缩放

FIDDLE我正在尝试在d3中创建一个实时(实时更新)时间序列图表,该图表也可以平移(在X中)和缩放。理想情况下,我想要的功能是,如果线的最右侧部分对用户可见,那么当新数据添加到图形时,它会自动横向平移以包含新数据(不更改轴刻度)。我的d3.json()请求应该返回如下所示的JSON数组:[{"timestamp":1399325270,"value":-0.0029460209892230222598710528},{"timestamp":1399325271,"value":-0.0029460209892230222598710528},{"timestamp":1399325

javascript - 如何在折线地理图中增加鼠标悬停 “hit area”

我想在多段线路径上鼠标悬停/鼠标移出时显示和隐藏工具提示,问题是我的多段线路径只有笔画宽度2,所以不容易命中鼠标悬停事件中的区域,这肯定不方便用户体验。我想知道是否有一种方法可以使用任意宽度使点击区域变宽,但对用户不可见?下面是我的代码片段path=newgoogle.maps.Polyline(plotOptions);path.setMap(that.map);this.polyPathArray.push(path);google.maps.event.addListener(path,'mouseover',(function(index){returnfunction(pol

javascript - 在 DOM 中记录或绘制自定义事件模型的正确方法

假设您的Web应用程序中有一堆组件和子组件。您想要跟踪您添加的所有自定义事件的行为方式。是否有既定的方法来绘制或记录这些行为?以下是文档应显示的一些内容:各种组件的相关DOM元素的实际嵌套。事件的名称以及事件的触发位置。附加到自定义事件的任何有效载荷(例如,原型(prototype)自定义事件中memo的内容。)观察事件的地方。指示为响应其他事件而触发的事件。允许事件冒泡的地方,以及停止事件的地方。 最佳答案 我从未听说过针对Web应用程序前端的既定文档标准。也就是说,由于您已经确定了要跟踪的应用程序的不同方面,您可以将此信息保存在

javascript - 使用 DataTables (Meteor Tabular) 在新行中绘制数组的每个元素

我正在使用MeteorTabularpackage它实现了DataTables.我正在尝试从Mongo集合创建一个表。该集合有一个形式的文档{input:Array[365],output:Array[365],date:Array[365]}我用下面的代码在Meteor中定义表TabularTables.MyTable=newTabular.Table({name:"MyTable",collection:MyTable,columns:[{data:"input",title:"Input",searchable:false},{data:"output",title:"Outpu