草庐IT

箱形图

全部标签

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

javascript - 如何在 Chart.js 中为条形图和折线图添加第二个 Y 轴?

我正在尝试在Chart.js中添加双Y轴以比较两个数据集。我目前正在使用LeighQuince的LineBar扩展,这是在这里找到的答案:Chart.jshowtogetCombinedBarandlinecharts?大约一年前还有一个针对双Y轴的解决方案,但仅适用于折线图,并且与Nick的大师不同步。似乎有折线图和条形图,或双Y,但不是两者都有。我的问题是,我需要表示TSAT%(饱和度水平),左侧Y轴,折线图,以及铁蛋白剂量水平,右侧Y轴条形图。这是我需要的样子:(似乎Stackoverflow已经改变了它在我身上的颜色,希望你仍然可以阅读Y轴刻度)如果有人能提出解决方案,我将不胜

javascript - Chart.js:条形图第一条和最后一条未完整显示

问题:如您所见...第一个和最后一个条被切成两半...预期:完整显示第一个栏和最后一个栏。必须通过unitStepSize实现均匀分布...vardata={labels:["2015-05-01","2015-05-02","2015-05-03","2015-05-04","2015-05-05","2015-05-06","2015-05-07","2015-05-08","2015-05-09","2015-05-10","2015-05-11","2015-05-12","2015-05-13","2015-05-14","2015-05-15","2015-05-16","

javascript - ChartJS 将工具提示添加到分组条形图

我正在尝试使用ChartJS将欧元符号添加到我的分组条形图的工具提示中。剪断:tooltips:{mode:'label',callbacks:{label:function(tooltipItem,data){returndata['datasets'][0]['data'][tooltipItem['index']]+'€';}}}此代码适用于我的折线图,但不适用于我的分组条形图。我希望我的条形图在悬停时如下所示:但是我的图表中没有欧元符号,它只是显示它的值。我做错了什么?谢谢。**编辑所以我的完整选项如下所示:options:{title:{display:true,text:'

javascript - DC-js中的多系列条形图

我正在使用DC.js(D3之上的lib)并有一个很好的单系列条形图示例:varxf=crossfilter(data);vardim=xf.dimension(function(d){returnd["EmployeeName"];});vargroup=dim.group().reduceSum(function(d){returnd["AverageSale"];});varchart=dc.barChart(elm);chart.barPadding(0.1)chart.outerPadding(0.05)chart.brushOn(false)chart.x(d3.scale.