草庐IT

条形码

全部标签

javascript - 将月份数据复制到莫里斯条形图中的堆栈中

如何将数据推送到莫里斯条形图堆栈中,如果来自不同帐户的ajax调用有多个相似的月份数据这是我的代码:DashboardService.getGraphForYear(year).success(function(data){$scope.count=data.results_count;for(varj=0;j如果1月份到来,如何将数据插入,以便所有数据作为堆栈插入1月份以及整个月 最佳答案 您必须创建将日期和值对插入数组的列表varmyJSON=[];$.each(YourList,function(i,item){varjson

javascript - 使用Kendo Dataviz Vertical Bullet Graph,如何添加类似于条形图的标签?

尝试设计子弹图,使其完全符合营销部门的要求。所需的图表如下所示:如何在栏的顶部添加标签?我尝试从Kendo文档设置标签属性:labels:{visible:true,format:"{0}",font:"14pxArial",},这是我无法运行的脚本:$barChart=$("#bar-chart").empty();$barChart.kendoChart({theme:global.app.chartsTheme,renderAs:"svg",legend:{position:"bottom"},seriesDefaults:{type:"column"},series:[{typ

javascript - 更改 Google 堆积条形图颜色( Material 条形图)

vardata=google.visualization.arrayToDataTable(stats_data);varoptions={width:1400,height:400,legend:{position:'top',maxLines:3},bar:{groupWidth:'75%'},isStacked:true,bars:'vertical',colors:['#999','#346ac9','#279423','#fc9826'],};varchart=newgoogle.charts.Bar(document.getElementById('chart-recent

javascript - 使用 C3 在 x 轴上使用单独的列制作简单的条形图

我正在尝试使用C3和D3创建条形图,但我无法让列彼此无关,除了它们在Y轴上使用相同的刻度这一事实。为了更好地解释,我添加了图片。varchart=c3.generate({bindto:'#designerChart',data:{columns:[['MA',6],['ME',8],['NY',6],['CN',5],['TX',2]],type:'bar',},axis:{y:{max:10,min:0,padding:{top:0,bottom:0}}}});结果是一组条形图,当我将鼠标悬停在它们上方时,我得到了所有条形图的详细信息-这不是我想要的。我可以更改数据,以便它显示单独

javascript - 如何在 Highcharts 的条形图中添加情节线?

我正在尝试向条形图中添加绘图线,但它没有显示出来。我发现的所有绘图线示例都与折线图有关,但我在文档中没有看到任何说明绘图线不适用于条形图的内容。我尝试在初始化图表时添加情节线并在事后添加它,但两种方法都不起作用。Here是我正在测试的示例。$(function(){$('#container').highcharts({chart:{type:'bar'},xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},legend:{layout:'vertica

charts - Javascript 中的条形图 : stacked bars + grouped bars

我正在寻找一种Javascript解决方案,以将分组和堆叠条形图与漂亮的图形混合在一起,例如Protovis提供的那些。.例如,如果我想比较Apple(iPads+iPhone)设备和Android设备上的下载量,我可能有(请原谅我糟糕的ascii艺术)60k|^50k|#^^40k|##^#^30k|@#^^#^20k|@^#^#^@^10k|@^@^@^@^=================JanFebMarAprLegend#:iPadDownloads@:iPhoneDownloads^:AndroidDownloads 最佳答案

javascript - 在 highcharts 条形图上打印一个值?

我使用highcharts.js创建了条形图。我在y轴上添加了设备名称,在x轴上以字节为单位添加了数据包。如何在条形图的条上添加设备联系时间。我在数组中有一个设备联系时间。我想要的是一种打印方式,即时间值在条形图上? 最佳答案 您可以通过启用数据标签并自定义它们来做到这一点。您还需要以特定方式格式化数据:$(function(){$('#container').highcharts({chart:{type:'bar',},xAxis:{categories:['Device1','Device2']},plotOptions:{s

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

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

javascript - 运行条形码扫描仪时如何停止提交表单

在使用条形码扫描仪将文本输入到突出显示的字段时,我试图阻止提交表单。当我按下扫描仪上的按钮时,它会自动尝试使用表单中优先级更高的提交按钮进行提交。我曾尝试在javascript中使用忽略函数,但找不到扫描仪的关键代码值。有没有办法设置不同提交按钮的优先级而不必重新排列它们?这就是我在代码中设置按钮的方式:Printer:PrintPackagePickupScanBarcode: 最佳答案 迄今为止我找到的最佳解决方案$(":input").keypress(function(event){if(event.which=='10'|

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