草庐IT

条形图

全部标签

javascript - 可编辑的 javascript 图表 - 交互式调整条形图或饼图部分的大小

我需要一个可以绘制图表的库或框架插件,这些图表可以通过调整部分图表本身的大小来实时修改。有这种东西吗?我打算用它来调整图表值。主要用于控制金额分配。例如。您有4个小时,并且有5种不同类型的任务。我希望用户能够为每项任务分配时间,并直观地查看对可用时间的影响。 最佳答案 我认为VisuallyEditableChartsofFusionCharts正是您要找的。 关于javascript-可编辑的javascript图表-交互式调整条形图或饼图部分的大小,我们在StackOverflow上

javascript - d3访问分组条形图中的嵌套数据

我正在通过嵌套.csv文件构建分组条形图。该图表也可以作为折线图查看,因此我想要一个适合折线对象的嵌套结构。我原来的.csv看起来像这样:Month,Actual,Forecast,BudgetJul-14,200000,-,74073.86651Aug-14,198426.57,-,155530.2499Sep-14,290681.62,-,220881.4631Oct-14,362974.9,-,314506.6437Nov-14,397662.09,-,382407.67Dec-14,512434.27,-,442192.1932Jan-15,511470.25,511470.2

javascript - 具有特定顺序的 C3JS 条形图

如果我有一个如下定义的C3JS分组条形图,我怎样才能让段保持我定义的顺序而不是按值升序排列?默认情况下,C3会将它们排序为5、10、40,但我希望它保持为10、40、5。c3.generate({bindto:'.active-loads',data:{columns:[['Pickingupfuture',10],['Enroute',40],['Delivered',5]],type:'bar',groups:[['Pickingupfuture','Enroute','Delivered']],onclick:function(d){console.debug(d);}},axi

javascript - 如何在 morris.js 条形图上放置文本

我有一个morris.js条形图。我想将count放在这张图的顶部。我调查了morris.jsbardoc,找不到任何。悬停时它应该显示value但在栏的顶部它应该显示count。有没有办法做到这一点?类似于给定图像的东西这是我的代码Morris.Bar({element:'bar-example',data:[{mapname:'s1',value:10,count:3},{mapname:'s2',value:4,count:4},{mapname:'s3',value:12,count:13}],xkey:'mapname',ykeys:['value'],labels:['No

javascript - 可以在条形图中隐藏零高度条吗?

对于0值,Flot喜欢在条形图所在的位置绘制一条平线。是否可以将其配置为不绘制任何内容? 最佳答案 在我的应用程序中,我通过将yaxismin设置为大于0且小于我使用的分辨率的值解决了这个问题。边框可见,扁平线隐藏。varoptions={series:{stack:0,lines:{show:false,fill:true,steps:false},bars:{show:true,barWidth:0.6}},xaxis:{mode:"time",timeformat:"%H:%M"},yaxis:{min:0.5},select

javascript - 如何标记 Google 柱形图条

我正在使用GoogleChartAPI为从1到数百万的值创建图表。问题代表较小值(例如:小于50左右)的条在图表上是不可见的,我无法看到哪些值对应于特定的x轴。如果我能以某种方式在条形顶部打印y轴值,这将得到解决。但是,我在API文档中找不到任何关于如何做到这一点的提及。这里有类似的问题,但没有回答我的问题。putlabelsontopofinsidebaringoogleinteractivebarchart这里还有其他一些多年Unresolved问题,我希望现在有人可能已经找到了解决方案或解决方法,这就是为什么要再次问这个问题。GoogleVisualization:ColumnC

javascript - 将条形码扫描到特定的文本框中

我正在研究条形码扫描仪。我使用的条形码扫描器是即插即用类型,无论您将光标放在何处,它都会自动扫描代码。但我想要的是,每次我的扫描仪读取代码时,我是否可以将它扫描到网页上的特定文本框例如,如果我的表格看起来像这样所以每次我扫描代码时,无论我当前的焦点在哪里,它都应该始终出现在txtitem文本框中。有人可以指导我或帮助我在这里找到解决方案吗?? 最佳答案 一些条形码扫描仪就像另一个输入设备一样。除非您使用计时器来监控输入信息的速度,否则表单无法区分键盘输入的信息与扫描仪输入的信息之间的区别。一些扫描器将值“粘贴”到焦点控件中-其他扫描

javascript - 使用 morris.js 条形图改变条形颜色?

我是一名JavaScript初学者,我使用morris.js创建一个条形图,我需要每个包含y值的条为不同的颜色。下面的代码显示了我到目前为止所做的事情Morris.Bar({element:'calls-made',data:[{y:'PersonA',a:10},{y:'PersonB',a:15},{y:'PersonC',a:12},{y:'PersonD',a:20}],xkey:'y',ykeys:['a'],labels:['Calls'],barColors:["#B21516","#1531B2","#1AB244","#B29215"],hideHover:'alwa

Javascript 根据时间加载条形图

我搜索了很多,但我不知道如何配置我的栏。我打算放置3个根据时间自动执行的加载栏:1stwillstartfrom30to60seconds2ndfrom300to1800seconds3rdfrom1801to1860seconds我的代码是这样的(请注意,我不知道如何更改此值,我尝试过但无法正常工作......这是我需要的帮助,框架的东西)varmy1Bar=setTimeout(start1Bar,30000);varmy2Bar=setTimeout(start2Bar,300000);varmy3Bar=setTimeout(start3Bar,1800000);functio

javascript - Google Combo Chart 在柱形图中添加水平和垂直线

如何创建复制下图的Google组合图表?似乎一旦我为垂直线添加列,绿色列就会失去其groupWidth属性并变成细线。data.addColumn('number','X');data.addColumn('number','Y');data.addColumn('number','Average');data.addColumn('number','VerticalLine');data.addRows([[1,5,3,null],[3,4,3,null],[5,2,3,null],[2,null,null,0],//addverticalline[2,null,null,5],])