问题标签 [stacked-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
399 浏览

highcharts - 如何使用高图表从柱形图向下钻取到堆积柱形图

我们可以使用高图表从柱形图向下钻取到堆积柱形图吗?,有没有演示/例子?

0 投票
0 回答
44 浏览

highcharts - 我如何使堆叠的块从底部开始?

我有堆叠图表,其中有目标和目标。我希望他们以一种目标达到目标的方式展示。另外,如果它超过了目标,那么我应该知道目标在哪里。

0 投票
2 回答
1593 浏览

r - 重叠堆积密度图

我正在尝试使用 R 的本机绘图命令来实现与此类似的绘图。

在此处输入图像描述

我可以通过下面的代码得到类似的东西,但是,我希望密度多边形重叠。谁能建议一种方法来做到这一点?

输出:

在此处输入图像描述

0 投票
1 回答
677 浏览

javascript - highchart 堆叠列,在移位标签中显示极小的值

我目前正在使用 [highchart js lib][1] 为我的项目创建堆积柱形图。

这是我的确切代码:

所以极小的值出现在额外的标签中。

我什至不确定highchart lib能否做到这一点,

请建议一些代码示例。干杯

0 投票
1 回答
3770 浏览

javascript - Nvd3js - TypeError:data.map 不是函数

我试图显示 Stacked nvd3js 图(http://nvd3.org/examples/stackedArea.html)并不断收到此错误:

state.disabled = data.map(function(d) { return !!d.disabled });

堆叠...hart.js(第 87 行,第 6 列))

我的 json 示例:

和 nvd3js 代码:

0 投票
1 回答
699 浏览

charts - 浮动图表未正确堆叠

我的堆积条形图有这个问题。
它没有正确堆叠。

请参考红色箭头所指的栏。
当我尝试单击下栏时,会选择上栏。

堆积条形图

请你帮助我好吗?

以下是我的数据集:

[ { "bars" : { "barWidth" : 20000, "fill" : true, "lineWidth" : 0, "order" : 1, "show" : true }, "data" : [ [ 50000, 0 ], [ 150000, 0], [250000, 0], [350000, 0], [450000, 0], [550000, 0], [650000, 0], [750000, 0], [850000, 0], [950000, 0 , [ 1050000, 0 ], [ 1150000, 0 ], [ 1250000, 0 ], [ 1350000,0 ], [ 1450000, 0 ], [ 1550000, 0 ], [ 1650000, 0 ], [ 1750000, 0 ], [ 1850000, 0 ], [ 1950000, 0 ], [ 2050000, 0 ], [ 2150000, 0 ] , [ 2250000, 0 ], [ 2350000, 0 ], [ 2450000, 0 ], [ 2550000, 0 ], [ 2650000, 0 ], [ 2750000, 0 ], [ 2850000, 0 ], [ 2950000, 0 ], [ 3050000, 0],[3150000, 0], [3250000, 0], [3350000, 0], [3450000, 0], [3550000, 0], [3650000, 0], [3750000, 0], [3850000, 0], [3950 , 0 ], [ 4050000, 0 ], [ 4150000, 0 ], [ 4250000, 0 ], [ 4350000, 0 ], [ 4450000, 0 ], [ 4550000, 0 ], [ 4650000, 0 ], [ 4750000, 0 ], [ 4850000,0],[4950000, 0],[5050000, 0],[5150000, 0]],“堆栈”:true,“xaxis”:1 },{“bars”:{“barWidth”:20000,“填充” :真,“线宽”:1,“订单”:2,“显示”:真},“颜色”:“#0066FF”,“数据”:[[50000,35],[150000,41],[250000 , 40 ], [ 350000, 45 ], [ 450000, 50 ], [ 550000, 55 ], [ 650000, 1 ],[750000, 2], [850000, 70], [950000, 4], [1050000, 5], [1150000, 6], [1250000, 7], [1350000, 8], [1450000, 9], [155000 , 10 ], [ 1650000, 11 ], [ 1750000, 12 ], [ 1850000, 13 ], [ 1950000, 15 ], [ 2050000, 30 ], [ 2150000, 29 ], [ 2250000, 0, 28 ], [ 2350 ], [ 2450000,26]、[2550000、24]、[2650000、24]、[2750000、23]、[2850000、22]、[2950000、21]、[3050000、20]、[3150000、19]、[3250000] , [ 3350000, 17 ], [ 3450000, 16 ] ], "label" : "Fruits", "stack" : true, "xaxis" : 1 }, { "bars" : { "barWidth" : 20000, "fill" :真,“线宽”:1,“订单”:3,“显示”:真},“颜色”:“#93CDDD”、“数据”:[[150000、65]、[750000、32]]、“标签”:“蔬菜”、“堆栈”:真、“xaxis”:1}、{“条形图” " : { "barWidth" : 20000, "fill" : true, "lineWidth" : 1, "order" : 4, "show" : true }, "color" : "#0066FF", "data" : [ [ 450000 , 100 ], [ 950000, 50 ], [ 1450000, 114 ], [ 1550000, 6 ], [ 1750000, 44 ], [ 1850000, 71 ], [ 2550000,2],[2850000, 71],[2950000, 35],[3250000, 99]],“标签”:“动物”,“堆栈”:真,“xaxis”:1}]

0 投票
1 回答
175 浏览

android - 当系列值等于零时,achartengine 堆图表显示条形图

我最近开始将 achartengine 1.2.0 用于新型图表,即 HEAP 图表。它通常工作得很好,但我发现图表处理系列零值的方式存在一个问题。我确实有一个包含 7 个条形图(每个条形图是一周中的一天)和多个系列的图表。我注意到系列中等于零的值仍然在图表上呈现为一条细线。这是屏幕截图:

在此处输入图像描述

我怎样才能摆脱那些线?

0 投票
2 回答
3662 浏览

javascript - 如何在 Flot Stacked Bar Chart 中触发条上的点击事件?

我想触发 Flot 中第一个堆叠条的最低条的点击事件。

这样做的理由是我想在第一次加载时选择图表的这一部分,同时执行条形图的 onClick 处理程序。

我知道 jQuery 支持这种行为,但我只是不知道如何将它与 Flot 集成。

怎么做到呢?

谢谢你。

0 投票
0 回答
277 浏览

highcharts - Highcharts 堆叠条 - 在右侧添加垂直列

http://www.highcharts.com/demo/bar-stacked

如何在此图表的右侧添加垂直列。在列出水果的左侧,我需要有几个月,在右侧我需要有销售额(堆叠列的总和),如果可能的话,我想在销售额旁边添加另一个垂直列。这可能吗?

0 投票
1 回答
911 浏览

r - 在 pyramid.plot [plotrix] 中设置 xlim 后的奇数轴标签行为

我正在尝试制作一个“相反的堆积条形图”,并且pyramid.plotplotrix包装中发现似乎可以完成这项工作。(我很感激ggplot2将成为你们中的一些人的首选解决方案,但我希望base在这个上坚持使用图形。)

不幸的是,当我尝试将限制设置为非整数值时,它似乎对 x 轴做了一件奇怪的事情。如果我让它自动定义限制,它们是整数,在我的情况下,它只会留下太多的空白。但是将它们定义为xlim=c(1.5,1.5)会产生下面的奇怪结果。

如果我从文档中正确理解,则无法传递其他图形参数以例如抑制轴并稍后添加它,或者更不用说定义刻度点等。有没有办法让它更灵活?

这是一个用于生成下图的最小工作示例。

在此处输入图像描述

以防万一其他人感兴趣,我不是在做人口金字塔,而是尝试使用一些值为负数的堆积条形图。上面的代码包含一个“技巧”,我使用它可以使每边有不同数量的条形集,即向矩阵添加空列,希望有人会发现这很有用 - 很抱歉,工作示例不是本来可以最小的!