草庐IT

javascript - Javascript 或 jQuery Flot 中的仪表图

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion我正在尝试获得一个看起来像仪表的图表。我已经在为我的其他图表使用jQueryFlot,那么是否可以使用Flot或纯Javascript?有人可以帮助我开始编写代码吗?

javascript - float 条形图中的不同颜色条,这可能吗?

我查看了文档,我能找到的唯一引用是不同颜色的系列。但是我只有一个数据系列,并且想要该系列上不同颜色的点/条。我可以使用多个系列并将点设置为零,这会产生相同的效果。是否支持使用flot在条形图中显示不同颜色条的机制? 最佳答案 不支持在单个系列中使用多种颜色。Flotonlyallowsspecifyingcolorsofthedotsatthedataserieslevel,meaningeachcolormustbeitsowndataseries.Withthisinmind,thesolutionistomakeasingle

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 - jQuery Flot : Set width of chart (without labels)

有什么方法可以设置图表的实际大小(没有标签)?我有一个宽度为880像素的容器,我想让图表精确地延伸到那个宽度,并让坐标轴突出。现在当然是应用填充,以便轴可以适合指定区域。我摆弄了固定的labelWidth选项和应用于容器的负边距,但这并没有给我带来任何用处。 最佳答案 要使坐标轴突出,您可以将坐标轴(分别为y和x)的labelWidth和labelHeight设置为负值,并为容器留出边距,以便外部有足够的空间。CSS:#placeholder{border2pxsolidred;margin:30px;}float选项:varopt

javascript - flot:无法使用 Canvas 中包含的标签绘制饼图

我正在尝试制作一些图表,但遇到了这个奇怪的错误消息。这是一个有效的例子:$.ajax({type:"GET",dataType:"json",url:"/data/active_projects_per_phase",success:function(result){$.plot($("#active_per_phase"),result,{series:{pie:{show:true,label:{show:true,radius:3/4,formatter:function(label,series){returnlabel+':'+series.data[0][1]+'('+Ma

javascript - 如何打印浮点图

任何人都可以帮助我找出如何打印由flot生成的动态图的示例。我试过这个,但它打印了整页,但我只想要图表部分。functionprintGraph(){$('').appendTo(controlholder).click(function(e){//Canvas2Image.saveAsPNG(document.getElementById('placeholder'));//canvas.toDataURL("image/png");window.print('placeholder');});} 最佳答案 这article描述了

具有多维数组的 jQuery 多维对象

我正在尝试构建一个有点高级的“Flot”jQuery插入图。为此,我需要一个多维对象(或者至少我认为是)。结构应该是这样的:vardatasets={"usa":{label:"USA",data:[[1988,483994],[1989,479060],[1990,457648],[1991,401949],[1992,424705],[1993,402375],[1994,377867],[1995,357382],[1996,337946],[1997,336185],[1998,328611],[1999,329421],[2000,342172],[2001,344932],

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 - jQuery FLOT图表动态Y轴

我有一个图表,它根据最后100个数据点计算最大Y轴值,然后成功绘制...但有时,正在进行的绘图的运行总计(绘制新数据点延迟5秒)超过当前最大限制。有没有办法在图表上绘制新点时让Y轴动态缩放?这是一个关于如果超过当前Y轴如何动态缩放图表的Y轴的有效问题,因为图表是随时间绘制的,每5秒添加一次新点,我问的是如何缩放如果Y轴达到当前最大Y轴值以上,则Y轴适合新绘图数据。更新:这是我使用的代码(Json返回的数据)以及绘图更新计时器:“highY”从数据库中获取最后100个数据点并将最大值设置为最高计数+10%$(function(){varstr1=[],totalPoints=300;va

javascript - Flot 堆叠条形图不堆叠

我创建了一个Flot堆叠条形图,但block似乎没有堆叠-它们都从0开始(在图表底部)。4个block的值分别是:亮绿色-1紫色-28红色-83浅绿色-195如果堆叠正确,它的高度应该是307。有什么问题吗?drawLineChart:function(el,data,ticks,labelstr){varplot=$.plot(el,data,{series:{stack:true,lines:{show:false,steps:false},bars:{show:true,barWidth:0.4,align:'center'}},xaxis:{ticks:ticks},yaxis