问题标签 [stackedbarseries]

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 投票
2 回答
4450 浏览

chart.js - Chart.js 堆积条形排序取决于值

我有一个堆积条,但我想根据我的两个数据集的总和值对条进行排序。有谁知道如何使用 chart.js 功能来做到这一点?

这里

0 投票
1 回答
742 浏览

r - R - Highcharter:在堆积柱形图上向下钻取

我已经使用 R 在 Highcharter 中创建了一个堆积柱形图,并且我试图能够深入研究它。

在附图中,我希望能够深入到 CRDT 列的红色部分。到目前为止,我只能让 CRDT 的每个颜色部分钻入相同的信息,或者每个红色部分钻入相同的信息。我需要一个组合过滤器。

下面是我为所有红色部分钻取“CRDT Red”信息的代码:

现状.png

0 投票
2 回答
935 浏览

javascript - D3.js 堆积条形图向负方向增长

我是 D3 和 javascripts 的新手。我正在尝试构建一个动画垂直堆积条形图。我在这里找到了一个水平堆叠条形图的示例。调整后,我得到了一个垂直堆叠的条形图,但是,向下增长。这是我编辑的小提琴

更新:在进行了几次调整之后,包括下面建议的调整,这终于奏效了:最终向上工作的堆叠条形图 我觉得我需要更改的地方应该在这个代码块中

但我四处搜索并试图恢复 yScale 范围,即 y 的初始位置,但它们都不起作用。我还注意到,无论如何,我的 yAxis 总是低于我的 X 轴向下。

0 投票
1 回答
462 浏览

javascript - D3JS 在时间范围内堆叠的条形图

我的 JSON 看起来像这样(为简洁起见,我不包括一些额外的记录)

我的堆栈看起来像这样

我的堆栈结果看起来像[[0,2],[0,0]],[[2,2],[3,3]],[[1,1],[3,3]]

我在时间刻度上显示条形图的代码如下所示

我可以让所有内容正确地沿时间线显示,除非我有日期相同的项目,这些项目没有堆叠,我不知道为什么?

0 投票
1 回答
3766 浏览

r - 使用 ggplot 在堆积条形图中使用多个色标

我有一个数据集,其中单个样本属于一个大组和一个较小的子组。每个组有几个子组,但每个子组只能属于一个更大的组。同样,每个样本只能属于一个子组,因此只能属于一个更大的组。

我想制作一个具有两种颜色含义的真/假堆积条形图:

  • 轮廓(颜色)是较大的组
  • 填充是真/假数据,但是是较大组轮廓颜色的两种阴影。

这接近我想要的,但不是浅灰色和深灰色,我想要红色水果的浅红色和深红色,绿色水果的浅绿色和深绿色,蓝色水果的浅蓝色和深蓝色。

例子

这可能吗?或者有没有更好的方法可以用真/假值在视觉上区分较大的组成员?谢谢

0 投票
0 回答
55 浏览

r - 堆叠 bar_plots 的颜色在不同的图中相同

我从相同的数据制作了许多不同的图,每个子集都有点不同,堆栈数量不同(即:一个图有 12 个堆栈,另一个可能有 21 个堆栈),所以每个图都有不同的图例。我想在每个绘图中使每种颜色都具有相同的名称,并使用 grid.arrange 为其中 5 个绘图创建一个图例。这是 2 个地块的 2 个代码以及这些地块的派生表。我还附上了地块的图像。我也希望保留 1 个图例能让这个数字变得更清晰。谢谢!。在此处输入图像描述

当使用 union() 命令修复时,我只收到图例的一部分并且它不显示所有堆栈。

我应该添加一个额外的命令来在图例中包含所有 24 个可用值吗?这是我的意思的一个例子。请注意图例中缺少红色小条。在此处输入图像描述

0 投票
1 回答
506 浏览

reporting-services - SSRS:范围条形图不显示基于日期范围的重复状态

我有一个查询,它根据所需的日期范围(参数)为我提供项目的每日状态。这种状态会有所不同并且可以重复。例如,它可以按时间顺序为:操作、维修、检查、操作、检查。如您所见,操作和检查代表两次,但时间不同。虽然这是真的,但我似乎无法在范围条形图中以图形方式表示这一点,因为它只会显示每个状态的一个实例(如图所示)。图片指示应在何处显示剩余状态。

范围条形图错误

我正在使用的数据集如下:

范围条形图错误数据

如您所见,图表应按以下顺序表示 4 个状态:检查、操作、维修、操作,但不显示第二个操作状态。

谁能帮助我克服这个特殊的障碍,或者这不可能吗?

0 投票
2 回答
1159 浏览

r - 使用堆叠条形图中的多个色标将 y 轴标度更改为计数

我有一个 df 如下:

然后,我将条形图绘制为:

结果是:

在此处输入图像描述

想要得到的是 y 轴刻度作为颜色变量的观察计数,而不是频率(百分比)。

通过@PoGibas 在下面给出的答案,我能够将每种颜色的观察总数放在每个条形上方......但我想知道您是否知道如何将 TRUE 的观察总数 n 放在每个颜色条中。在这种情况下,每个条形将有两个 n 观察值,条形上方的一个作为每种颜色的总 n,而 TRUE 条上方是该特定颜色的 TRUE n 观察值...

0 投票
1 回答
766 浏览

qt - 使用数据列的 QML StackedBarSeries x 轴标签

我在 QSqlQueryModel 中有一个数据集,看起来像这样

date 列中的值是 QDateTime 对象, sent 和 recv 列中的值是整数。

我想使用 StackedBarSeries 和 VBarModelMapper 在 QML ChartView 中显示这些数据:

这是我目前的看法 ChartView 使用一些测试数据

我的问题是 StackedBarSeries 仅使用 x 轴标签的索引,但是我想将每个条的日期显示为 x 轴标签。

我尝试将 DateTimeAxis 用于 axisX 属性,但看起来它只是将 x 轴移动到提供的最小值和最大值,同时将原始标签解释为 unix 时间戳。

0 投票
1 回答
1508 浏览

bar-chart - Qlik Sense 中的堆积条形图:一个栏对应一个字段

我有这张桌子:

我想从这些数据中得到一个 100% 的堆积条形图。但是在 Excel 和 Qlick Sense 中都很难……这些程序不接受我想将一个字段/列汇总到一个栏中。

我想要的结果应该类似于:
堆积条形图 100%

Qlik Sense 中有没有办法做到这一点?