草庐IT

从灰度图到地形图

全部标签

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 - 使用 JavaScript 确定图像是灰度还是彩色?

是否可以使用JavaScript确定给定图像是灰度还是彩色? 最佳答案 将图像绘制到Canvas上遍历图像数据测试每个像素是否red-cannel==green-channel==blue-channel(所有颜色channel具有相同的值)如果所有像素都为真,则它是灰度,如果你击中第一个不符合条件的像素,你可以停止,它是彩色的。 关于javascript-使用JavaScript确定图像是灰度还是彩色?,我们在StackOverflow上找到一个类似的问题:

javascript - 悬停时颜色变为灰度在 IE11 中不起作用

我正在使用Gray对于网站上的一些元素。但是,我无法让它在IE11中工作。例如,在下面的fiddle中,我使用JS添加了grayscale和grayscale-fade类,以便图像在悬停时从彩色渐变为灰度。我如何让它在IE11中工作?作者说该插件需要针对IE11进行初始化(即$('article.projectimg').gray();),但是如果我添加该行,所有图像都会变灰默认从一开始。我只是想让它在IE11中工作。有人可以告诉我怎么做吗?fiddle:http://jsfiddle.net/61jcam54/HTMLProjectTitle+CSSarticle.project{f

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 - 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 - Jquery 树形图

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭2年前。Improvethisquestion我正在寻找可以执行以下任务的javascript或jquery解决方案:1-Dynamicallygeneratetree(hierarchystructureofdata)2-Add/deletesingleandmultiplenodes.3-Zoomoptionforgrapharea4-labelsforeachnode我想用它来做数据分析

javascript - Highcharts:在柱形图上显示特殊标记

我想在柱形图上放置标记。准确地说,该图表是板球比赛中每轮比赛得分的图表。(截至目前生成的示例图:http://img839.imageshack.us/img839/6091/screenshot20111117at124.png)现在我真正想要的是显示哪个小门落在哪个地方(类似于:http://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Dudley_Nourse_Graph.png/350px-Dudley_Nourse_Graph.png),柱子顶部的蓝点。是否可以在highcharts中完成此操作?我在这张图表中看到了这个

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 - jqPlot 堆积条形图呈现图表外

我正在使用jqPlot根据来自网络方法的数据生成堆积条形图。图表呈现成功,但为空白。当我将pointLabels设置为“true”时,它们会杂乱无章地出现在图表的左侧。我猜堆积条形图也被渲染为图表外,但我不明白为什么。有人可以解释一下如何解决这个问题吗?这是网络方法:[WebMethod][ScriptMethod(ResponseFormat=ResponseFormat.Json)]publicListgetPartnerOrderVolumes(){Listp=newList();DataTabledt=newDataTable();chartjep=newchart(5);fo