草庐IT

箱形图

全部标签

javascript - 带有 chart.js 的水平堆积条形图

我正在尝试找出是否有任何插件可以使用chart.js制作水平堆叠条形图我看到有用于堆叠条形图和水平条形图的插件,但我没有找到将两者结合起来的插件。https://github.com/Regaddi/Chart.StackedBar.js有人知道如何实现吗? 最佳答案 我知道这已经有几个月了,但我想我会为后代添加我的答案。我可以不用额外的插件。如果将xAxes和yAxes设置为stacked:trueunderscales,则可以创建堆叠水平图。scales:{xAxes:[{stacked:true,}],yAxes:[{stac

javascript - NVD3 多轴条形图在绘图上重叠条形图

使用nvd3绘制多轴条形图。我的问题是条形重叠。在图表中,y轴在左侧,另一个y轴在右侧。text{font:12pxsans-serif;}svg{display:block;}html,body,#chart1,svg{margin:0px;padding:0px;height:100%;width:100%;}//vartestdata=stream_layers(9,10+Math.random()*100,.1).map(function(data,i){//return{//key:'Stream'+i,//values:data.map(function(a){a.y=a.

javascript - Flot 堆叠条形图不堆叠

我创建了一个Flot堆叠条形图,但block似乎没有堆叠-它们都从0开始(在图表底部)。4个block的值分别是:亮绿色-1紫色-28红色-83浅绿色-195如果堆叠正确,它的高度应该是307。有什么问题吗?drawLineChart:function(el,data,ticks,labelstr){varplot=$.plot(el,data,{series:{stack:true,lines:{show:false,steps:false},bars:{show:true,barWidth:0.4,align:'center'}},xaxis:{ticks:ticks},yaxis

javascript - 如何在 Chart.js 条形图上放置圆 Angular

我使用以下代码在chart.js中创建了一个条形图。但是,我想给条形圆Angular而不是条形顶部的棱Angular。我无法使用chart.js的全局设置找到任何方法来执行此操作。有什么办法可以达到我想要的效果吗?varbarContext=document.getElementById("canvas").getContext("2d");varbarGradientFirst=barContext.createLinearGradient(0,0,0,450);barGradientFirst.addColorStop(0,'rgba(112,122,157,0.1)');barG

java - 如何使用 XSLT 和 Apache FOP 在 PDF 文档中生成条形图

我正在寻找一种使用JavaApacheFOP在XSLT中生成条形图的方法。我正在尝试使用以下XML和XSLT生成条形图,但它生成的是没有任何图表的空.PDF文件?data.xmlEasternRegionQuarterlySales(Second/'04).95.89.67.65.45bar.xsl$25K$50K$75K$100K我不确定为什么我得到的是空pdf,我也尝试生成svg文件-它也没有显示任何图表。非常感谢任何帮助。 最佳答案 您可以使用fo:instream-foreign-object在XSL-FO中创建和嵌入SVG

xml - 使用 XSLT 和 SVG 从 XML 创建条形图 - 缩放条形图

我是XSLT和SVG的新手,已经进行了大量研究。我在这里看到了一些答案,这些答案看起来很接近我需要帮助的内容,但并不完全适合我。任何帮助将不胜感激。我正在从SQL数据库中提取一个XML文件,如下所示:StepStatusSumsReport27847329273776通过在线项目管理工具,我只能使用xslt1.0版和SVG转换此数据。我想要的:一个简单的条形图(顺便说一句,这个数据会随着不同的项目而变化——所以不一定是这个特定的数据)。这是我尝试过的方法,我知道这可能看起来像一个糟糕的结构,因为我正在尝试在网上跟踪看起来相似的东西。-Passed-Failed-Caution-Bloc

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],