草庐IT

折线图绘制

全部标签

javascript - 如何绘制可以应对非常大数据量的 JavaScript 图表?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我试过了,但找不到类似的文章,如果我错过了任何文章,我们深表歉意。我正在从事一个基于ASP.NetMVC4的项目。我们需要为大量数据绘制图表(使用AJAX、JavaScript)。例如我们需要绘制具有75,000多个数据点的波形图。到目前为止,我们已经使用JQWidgets实现了解决方案。这过去在我们的初始测试中运行良好,但是当图表显示大量数据时,它们的加载时间仍然很

javascript - 在 google maps api v3 中完成多边形绘制时的处理

在googlemapsapiv3中多边形的绘制似乎是异步的.尝试单击此示例中的“加载”按钮:http://jsfiddle.net/rmXXF/文本“DONE”的写入比绘制网格要快得多!矩形网格的绘制似乎是异步的。我希望在绘制网格后显示文本完成!是否有一些事件处理程序?代码的重要部分在函数action()中:polygons=draw_all_squares(map);//drawgridheredocument.getElementById('status').innerHTML='DONE';//displayed2seconds//beforethegrid!请注意,map“空闲

javascript - 如何在图表中的 X 轴上绘制日期范围?

我正在使用Flot图表显示特定时期的数据(由用户选择,例如过去30天、过去7天、从2013年1月1日到2013年3月3日等)所以我想显示一个以x轴为日期的折线图。例如如果我有两天的开始日期和结束日期,我该如何使X轴显示如下:2013年1月1日|2013年1月2日.....................2013年3月3日我的代码如下:数据(目前是静态的)。varmydata=[[1,2.4],[2,3.4],[3,4.5],[4,5],[5,5],[6,5],[7,2],[8,1],[9,1.5],[10,2.5],[11,3.5],[12,4],[13,4],[14,2.4],[15

javascript - Chart.js v2 有没有办法水平绘制条形图?

我正在尝试使用chart.jsv2创建水平条形图。在浏览网页大约两个小时后,我没有任何结果。有没有办法像这样从左到右绘制图表? 最佳答案 现在这是Chart.js2.1的一部分!图表类型是horizo​​ntalBar(带有小写的h)。varconfig={type:'horizontalBar',data:{...fiddle-http://jsfiddle.net/gpxjohup/原始答案预览脚本大部分代码是Chart.js库中bar的代码副本,其中交换了x/y和宽度/高度。感谢@ZachPanzarino帮助处理轴标签!Ch

javascript - 如何增加注释字体大小并加粗google api图表折线图中的注释值?

我正在使用带注释的googleapi折线图。如何更改字体大小和字体格式?google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('string','');data.addColumn({type:'string',role:'annotation'});data.addColumn('number',

javascript - nvd3.js-带取景器的折线图 : rotate axis labels and show line values when mouse over

我是这种论坛的新手,我的英语水平不是最好的,但我会尽力而为:)。在nvd3website处有一个带取景器的折线图示例.这是我过去2天一直在使用的那个(examples\lineWithFocusChart.html,nvd3zip包)。我只对示例的格式做了一处更改:我在X轴上使用日期而不是普通数字。这是我的两个问题:1-我怎样才能在x轴上旋转所有刻度的标签?我的日期太长(%x%X,日期和时间),我希望它们按顺序轮换以提高观看效果。我只能旋转2个刻度(x轴的最大和最小边缘)。这是我在nv.d3.js的“switch(axis.orient())”block中修改的代码:case'bott

javascript - 传单绘制插件 : How to hide/show drawing tools by Layer Type dynamically

我在项目中使用绘图插件,我想知道如何按图层类型隐藏/显示绘图工具?例如,假设我有2个图层,其中一个类型是多边形,另一个是线。如果用户选择多边形层,我想隐藏画线工具。之后,如果用户选择线层,我想隐藏多边形绘图工具。我看过here但是这个例子使工具成为静态的,我想动态地改变。我该怎么做?我们将不胜感激。 最佳答案 我自己解决了。我在map初始化时添加了这个绘制控件。drawControl=newL.Control.Draw({draw:{position:'topleft',polygon:false,polyline:false,re

javascript - 如何确定浏览器何时完成插入元素的绘制?

我有一个网页正在注入(inject)通过AJAX传送的HTML。先验我不知道内容的大小,但我需要根据内容的大小在页面上定位内容。这是一个不起作用的简单方法:将父容器的不透明度设置为0。将内容插入DOM。测量尺寸,例如$el.outerWidth(true)。根据这些尺寸定位内容。将父容器的不透明度(背面)设置为1.0。这种方法的问题在于内容非常复杂并且包含图像。调用outerWidth()时,浏览器尚未完成重新绘制屏幕,​​因此返回的尺寸不准确。(有趣的是,在我的例子中,初始尺寸总是明显大于最终值,而不是我预期的0。)我可以通过在第2步和第3步之间设置一个计时器来减少这个问题,但是无论

javascript - 在折线图+条形图中使用 d3 画笔时出现问题(放大折线图+条形图)

我正在尝试使用画笔在d3.js中缩放我的自定义图表,但它没有按应有的方式运行。知道可能出了什么问题这是jsfiddlehttp://fiddle.jshell.net/saurabh_nitc10/od8gfsd3/9/就像这个fiddlehttp://fiddle.jshell.net/CjaD3/1/刷完之后,bars就从yaxis出来了。任何想法现有的fiddle有什么问题。缩放后它的行为不正常。请帮忙。我刚刚更新了fiddle这是我创建的插件。(function($){$.dualAxis={};varxMapObject=[];varsvg='';varfocus='';va

Javascript 库 - 如何绘制家谱组织图或流程图?

我正在寻找一个简单的Javascript库(svg?),它允许我绘制家谱关系。我在谷歌上搜索了很多,发现了很多有趣的库,比如Raphaël及其扩展Dracula。Google也有自己的库来制作流程图。不幸的是,每个库都用单行在节点之间建立关系。如果A和B与C有关系,我将获得2行:一条从A到C,一条从B到C。我需要的是一条从A到B的线(我们称之为AB)和一条从AB到C的线来代表A和B的婚姻。示例(来源:example-image):谢谢。 最佳答案 我遇到了同样的问题。这是我发现的:http://astuteo.com/slickma