草庐IT

树形图

全部标签

c# - 将水平条形图更改为垂直条形图

我正在为图表使用“System.Windows.Forms.DataVisualization.Charting”库,我想知道是否有人知道如何切换轴以垂直显示图表p>谢谢。 最佳答案 改变myChart.Series["mySeries"].ChartType=SeriesChartType.Bar;到myChart.Series["mySeries"].ChartType=SeriesChartType.Column; 关于c#-将水平条形图更改为垂直条形图,我们在StackOverf

javascript - d3条形图是颠倒的

我有一个用d3绘制的简单条形图,带有垂直条:http://jsfiddle.net/philgyford/LjxaV/2/但是,它会向下绘制条形图,基线位于图表顶部。我读过要反转它,从底部向上绘制,我应该更改y轴上的range()。所以,改变这个:.range([0,chart.style('height')]);为此:.range([chart.style('height'),0]);但是,这看起来像是在绘制图表的反面-在每个条形图上方的空间中绘制,并使条形图本身(从底部绘制)保持透明。我做错了什么? 最佳答案 根据d3基本条形图

javascript - Chartjs 2 - 具有相同 y 轴的同一图表上的堆叠条形图和非堆叠线

我已经开始使用chart.jsv2的最新测试版,因为我需要在同一张图表上绘制包含堆叠条形图和非堆叠折线图的图表。这是我需要的示例:在此图表中,线条未堆叠且全部显示其自然值,但条形图堆叠并显示值的总和(包括一些负值)。我已经设法将两个图表绘制在一起,但到目前为止,我只成功地要么将两个图表堆叠在一起,要么我不得不使用两个单独的y轴,最终有2个刻度。fiddle中有一个单独的y轴示例:yAxes:[{stacked:false,ticks:{beginAtZero:true}},{id:"bar-y-axis",stacked:true,ticks:{beginAtZero:true},ty

javascript - 如何为 flot 中的条形图赋予纯色

我需要为条形图提供纯色...我已点击此链接BarchartExample但是我想给纯色而且我还需要自己改变颜色...怎么办... 最佳答案 首先,阅读API.txt,它回答了你所有的问题。那么你需要做两件事。当您指定需要条形时,设置fill:1,它告诉flot使颜色100%不透明。要为每个系列指定一种颜色,只需将color:'red'添加到每个数据对象即可。所以你最终得到了这样一个数据对象:vardata=[{label:'foo',color:'red',data:[[1,300],[2,300],[3,300],[4,300],

javascript - Highcharts 简单条形图占总数的百分比

我有一个简单的1系列条形图,其中每个条形都有一个标称值。我可以用代表每个条形值的数据标签和轴绘制这个很好,但我想让数据标签和轴显示系列总数的百分比,而标称值显示在悬停时的工具提示中(因此我不想在绘图之前将数据转换为百分比)。这是一张图片,显示了我所追求的以及我现在所处的位置:fiddle这是我目前将轴标签用作格式化程序函数的内容:plotOptions:{bar:{dataLabels:{enabled:true,formatter:function(){returnHighcharts.numberFormat(this.y,0);}}}}我可以使用一些formatter函数变量来实

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

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

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 - 如何标记 Google 柱形图条

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

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