草庐IT

绘制图形

全部标签

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真

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 - 在 chart.js 图形上叠加线

我想知道是否可以在chart.js图形(例如折线图)上叠加一条线?例如,在x轴上,将在图中的值20处绘制一条水平线 最佳答案 我创建了一个称为叠加图表的东西,我已将其添加到我的chart.js(https://github.com/leighquince/Chart.js)分支中,可以在这种情况下使用。它的工作原理与折线图或条形图相同,唯一的区别是您声明了一个名为type的额外属性,该属性可以是'line'或'bar'。然后只需调用newChart(ctx).Overlay(data)。因此,对于您的示例,您可以只使用条形图,然后提

javascript - 如何使用 d3.js 避免图形中的日志零

我目前正在研究d3.js库。我有折线图使用DynamicLineGraph在这里,我们可以选择绘制幂线性和对数。但我的问题是我的数据集中可能有一些值为零,并且由于log0未定义,因此代码无法绘制它。在我的代码中,比例设置如下y=d3.scale.log().domain([0.1,max_y_value]).range([h,0]).nice();这是它的用法lineFunction=d3.svg.line().y(function(d){returny(d);});我知道这是一个奇怪的问题。但是有没有一种方法可以处理log0值,这样如果我有单个零值,其余的值就会正确绘制。我可以在同一

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 - 如何更改 Highcharts 中绘图线上方和下方的图形颜色

在HighCharts折线图中,如何根据与绘图线值相关的值设置系列线的颜色。例如,如果我有一条情节线y=15,我怎么能在y时使系列颜色为绿色,在y>15时如何使系列颜色为红色http://jsfiddle.net/adamtsiopani/YBMny/$('#container').highcharts('StockChart',{rangeSelector:{selected:1},title:{text:'KPNYearView'},yAxis:{plotLines:[{label:{text:'Baseline',x:25},color:'orange',width:2,valu

javascript - 在 Snap.svg 图形上设置 ID 属性

我正在使用Snap.svgAPI,我需要在CSS中选择三个图形以用于样式设置。因此,为了区分它们,我需要给它们一个ID或类名。这就是我创建元素的方式:vardraw=Snap(100,75);c=draw.polyline(0,0,50,75,100,0,0,0);c.attr({fill:"black"});这是我得到的结果:这就是我需要的结果:id="graphic_1"height="75"version="1.1"width="100"xmlns="http://www.w3.org/2000/svg"> 最佳答案 更新我在

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