问题标签 [stacked-area-chart]

我在 sql 中有以下数据需要在堆积柱形图中表示。
姓名 类型 金额
Paul T1 100
John T2 200
John T3 300

名称代表 X 轴，类型代表系列。我面临的问题是具有相同名称的重复 X 轴值。这是我在获得重复名称之前遵循的代码示例，但现在没有意义。

任何帮助。

我有一个 CSV 文件，如下所示：

我想将其绘制为堆积面积图，如下所示（忽略 X 轴标签）：

但大多数包似乎需要对数据进行多次转换。有没有办法简单地指定 X 列和要堆叠的各种 Y 列？

我正在尝试将我的 csv 转换为 nvd3 的堆叠面积图所需的格式：http://nvd3.org/ghpages/stackedArea.html但 在数组转换中迷路了。有人可以帮忙吗？

csv: 长度,m1,m2,m3,m4 9,1,2,3,4 99,11,22,33,44 999,111,222,333,444

nvd3需要的格式

var histcatexplong = [{“键”：“消费者酌情”，“值”：[[0000000000000，27.38478809681]，[000000000000000，27.371377218208]，[0000000000000，27.371377218208]，[00000000000000000000000，26.82341151939393939,,; " : [ [ 0000000000000 , 27.45458809681] , [ 0000000000000 , 27.444444444408] , [ 0000000000000 , 26.455555555395] } ,

所以如果转换正确，我应该得到： var myall = [ { "key" : "m3" , "values" : [ [ 9 , 3] , [ 99, 33] , [ 999, 333] } , { "键”：“m1”，“值”：[ [ 9 , 1] ， [ 99, 11] ， [ 999, 111] } ，

我的转换代码：

问题是 myall 没有出现在 DOM 中（控制台输出似乎缺少顶层层次结构：

对于 nvd3 堆积面积图示例，为 histcatexplong var 进行 DOM 复制/粘贴：

谢谢。

我正在尝试使用 nvd3 创建堆积面积图。目前，我正在创建要绘制的 json 数据，并针对 nvd3 网站上的 nvd3 实时代码部分对其进行测试，目前我得到了这个：

尽管图例显示了所有三个标签，但我无法显示图表。无论如何删除（任何）两个系列，只留下一个，剩下的一个会显示出来，所以我认为问题不在于数据本身，而可能是 json 结构中的问题。

任何人都可以帮忙吗？

如何在 C# 图表库中不画一个空点？我不希望在图表中绘制 11/10 的最后一个值为 0 的空点，但尽管将其设置为空点，但它的绘制值为 0。

在这里查看图表。

这是代码：

我有一个使用谷歌图表的堆积面积图。一个例子在这里：https ://code.google.com/apis/ajax/playground/?type=visualization#area_chart

问题是，当我将光标悬停在某个区域上时，不会显示任何工具提示。我需要悬停两个相邻区域的边界以显示工具提示。

悬停区域时是否可以显示工具提示？如果没有，您知道一些解决方法吗？

我想用本文图 5 中给出的颜色图绘制堆栈图。这是相同的屏幕截图

目前，我能够绘制类似性质的散点图。

我想将此散点图转换为带有颜色图的堆栈图。我有点迷失了这样做的想法。我最初的猜测是，对于每个 (x,y) 点，我需要颜色图谱上的 z 点列表。但是，我想知道是否有更简单的方法。这是我用彩色图生成散点图的代码

编辑

我觉得我需要找到一种方法将其转换z-array为多个z-arrays- 一个用于颜色条上的每个 bin。然后我可以简单地从这些派生的z-arrays.

编辑 2

我遵循了Rutger 的代码，并且能够为我的数据生成这个图表。我想知道为什么轴限制存在问题。

我正在尝试在此代码中动态设置我的AreaChart系列的样式，但它不起作用。我想在不通过 CSS 的情况下更改每个系列的背景。

我的堆积面积图如下所示：

我使用的数据具有相同数量的值，就像在示例中一样。我使用的数据位于： http: //pastebin.com/D07hja76

我使用的代码也几乎与选择器相似：

我怎样才能让图表看起来正确？

我有一个堆积面积图，如：http: //nvd3.org/ghpages/stackedArea.html

是否可以在绘图区域位的顶部添加笔触，使其看起来像有边框/笔触？

我尝试使用 webkit 检查器添加笔划，但似乎没有任何反应（假设这就像使用.style('stroke','#000000')

因此，如果stackedAreaExample 上只有一个系列并且它是蓝色的，那么边框将使它看起来像这样：