【发布时间】:2018-07-31 02:27:29
【问题描述】:
我打算使用 d3js 构建一个堆叠条形图,显示已发送、打开和单击的电子邮件数量,使用普通堆叠条,每列将有 3 个块,stack 彼此。
例如:发送的电子邮件总数为 100,打开为 80,点击为 30,然后有 3 个块,每个块的值分别为 100、80 和 30。但它并没有准确显示统计数据,所以我想构建一个重叠的堆叠条,例如
这是一个例子,但我没有找到任何 d3 图表或其他支持它的东西,我想我们需要自定义它们。
【问题讨论】:
-
这是否意味着您希望
rects 按值排序,也许第二天Sent的计数最低?还是要分组条形图bl.ocks.org/mbostock/3887051 -
@rioV8,实际上,
Sent总是最高值,然后到Opened和最低值是Clicked正常逻辑。正好是group bar,但是我们把它们分组到stack bar中,因为时间范围比较长,所以我们想节省空间 -
然后只需将普通条形图与分组条形图“合并”,仅使用一个 x 刻度。像分组一样渲染,但使用 x0 而不是 x1。
标签: d3.js charts nvd3.js stacked-chart