草庐IT

stacked-bar-chart

全部标签

javascript - 重叠的 chart.js 堆叠图

我正在创建一个堆叠条形图,但我需要它不仅仅是将两个值加在一起并显示它。例如:stackgraph此图应该显示“目标”百分比和实际百分比。因此,如果该列的目标值为70,实际值为30,它将显示0-30的实际数字颜色,然后继续30-70的目标颜色。有没有办法真正让它们像那样重叠,而不仅仅是总数为100? 最佳答案 您必须将这些参数添加到您的代码中-为X轴启用堆叠并为Y轴禁用它:xAxes:[{stacked:true}],yAxes:[{stacked:false,ticks:{beginAtZero:true,},}]

jquery - 像 Stack Overflow 一样的介绍栏

我有一个使用jQuery的简单顶部栏,就像StackOverflow上的那个一样,但我希望它只在用户第一次访问该网站时出现。HTML:topbar#message{font-family:Arial,Helvetica,sans-serif;position:fixed;top:0px;left:0px;width:100%;z-index:105;text-align:center;color:white;padding:2px0px2px0px;background-color:#8E1609;}#example1{text-align:center;width:80%;}.clo

javascript - Google Charts - 曲线图错误地低于 0

我有一个Google折线图,我设置了'curveType':'function'因此图形是弯曲的并且外观漂亮。我的问题是,当一个数据点的值为0,紧随其后的是高值时,图表会下降到0以下,以便曲线可以正确拟合。这也会导致vAxis的minRange为-2000,这对我的数据来说是不可能的(随时间推移的下载次数)。我试图通过在vAxis上设置'minValue':0和'viewWindowMode':'maximized'来解决这个问题,但它并没有解决问题完全。我附上了一张图片,可以比文字更好地解释我的问题。如果有人知道这个问题的解决方案,我将不胜感激。谢谢 最佳

javascript - Chart.js - 多折线图 - 只显示最后一个图表

我正在使用chart.js在一页上显示多个折线图。然而,只有最后一张图表显示,尽管我将它们命名为#canvas1和#canvas2。某处一定有冲突,我已经尝试了大多数事情,但没有任何快乐。这里有两个图表,它只显示最后一个:图一varlineChartData={labels:["January","February","March","April","May","June","July","August","September","October","November","December"],datasets:[{label:"Target",fillColor:"rgba(220,

javascript - chart.js中折线图的背景颜色

我想更改由chart.js生成的折线图的背景颜色。似乎没有这个选项,文档也没有帮助。在互联网上广泛搜索没有产生任何结果。这可能吗?我必须承认我对HTML5canvas了解不多,所以我有点挣扎! 最佳答案 使用Chart.jsv2.1,您可以编写自己的插件来执行此操作预览脚本Chart.pluginService.register({beforeDraw:function(chart,easing){if(chart.config.options.chartArea&&chart.config.options.chartArea.ba

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

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

javascript - map : Adding html annotation to it or other any other alternative charts

我正在尝试在地理图表上添加文本叠加层。我只能在工具提示中添加文本,但只有在鼠标悬停/选择时才可见。但我希望它始终可见。下面是fiddle链接。当我尝试添加注释时,geochart出现错误。http://jsfiddle.net/aSrVH/汽车数据=新谷歌。可视化。数据表();Data.addColumn('string','Country');data.addColumn('number','Value');data.addColumn({type:'string',role:'tooltip'});我无法将上面的内容更改为:data.addColumn({type:'string'

javascript - 在 Aurelia 中使用 Chart.js

我想在aurelia项目中使用chart.js,但出现错误。如何将第3方节点包添加到aurelia应用程序?顺便说一句,我正在使用aurelia-cli这是我做的npminstall--savechart.js在aurelia.json中,我添加了以下内容"dependencies":[...,{"name":"chart.js","path":"../node_modules/chart.js/dist","main":"Chart.min.js"}]然后在app.html中添加一行但是,我得到了错误:vendor-bundle.js:1399UnhandledrejectionEr

javascript - 比较 $ ("#foo .bar") 和 $ (".bar", "#foo") 的性能

向下滚动查看getById.getByClassName与qSA比较!如果我们想选择ID为“foo”的元素内"bar"类的所有元素,我们可以这样写:$('#foo.bar')或者这个:$('.bar','#foo')当然还有其他方法可以实现这一点,但是为了这个问题,让我们只比较这两种方法。那么,以上哪种方法效果更好呢?(哪个需要更少的时间来执行?)我写了这个性能测试:(function(){vari;console.time('test1');for(i=0;i您必须从StackOverflow起始页的控制台中执行它。我的结果是:火狐:测试1:~90毫秒测试2:~18毫秒Chrome:

javascript - Google Chrome 中的源映射是否会推送到 Error.stack

在谷歌浏览器中,我想知道堆栈跟踪是否会在未来提供映射支持。目前,使用源映射,抛出错误将提供行号链接到我的TypeScript文件,但是......当调用Error.stack时,它会给我JavaScript行和文件。这是一张引用图片:http://puu.sh/4DTOG.png您会注意到,错误所在的实际行链接到TypeScript文件,但堆栈跟踪链接到JavaScript文件。 最佳答案 此错误已在chromium42中修复:)参见https://code.google.com/p/chromium/issues/detail?i