问题标签 [stacked-area-chart]

我正在用 D3.js 创建面积图，并用平滑线制作。可能吗？

在我的代码中，我只是创建svg并放置线条和区域。我使用虚拟数据。

下面是我的代码： http://jsfiddle.net/sota0805/mv48H/

提前致谢。

我正在尝试绘制大学申请者年龄的趋势。从各种数据库中，我使用数据构建以下数据框：

然后我使用 ggplot2 库绘制图形：

...

并收到一个图表，它通常看起来不错（尽管我尝试自定义颜色但失败了，虽然你看不到它，因为我没有足够的声望点），但是......只有 5 个年龄组被绘制而不是 11 个...... .

当我尝试使用以下方法分别绘制它们时：

大多数工作正常，但是当我绘制时：

这是缺少的组，我收到错误消息：

我一直在查看两个代码行，并且看不出语法上有什么区别。'm' 向量在命令中显示。任何想法为什么会发生？

今天重新启动计算机后，我没有收到意外的数字常量错误，这意味着旧的“开关”技术解决了至少 50% 的问题；）

尽管如此，该图仍显示 5 个变量而不是 11 个变量。建议的 dput(head(AGEgroups)) 产生以下输出：

我正在尝试制作一个包含 4 个类别的堆栈区域图，所有类别的总和为 100。看起来我已经映射了我的数据，以便 newDataset 数组中有 x、y、y0 值但是正在绘制阴影区域但它们完全不在图表之列。这是我的小提琴：http: //jsfiddle.net/RL_NewtoJS/9rCWG/

这里也是代码

现在我正在研究具有 19 个图例的文件曲线。默认情况下，图表具有相似的颜色，并且未正确堆叠在右侧图表的少数条上。

这是我的数据：

这是我的 gnuplot 文件：

这是输出的样子：

我试图删除最近的 4 个月，它看起来更好，但我需要将所有日期都放在我的图表中。请您发表评论..谢谢！

所以我正在使用浮点图表和 stackpercent 插件，它表示为浮点工具提示插件提供支持。现在我使用带有折线图而不是条形图的插件。这似乎仍然适用于插件，但由于某种原因，flot 工具提示无法正确显示 %p。它只显示文本“%p”而不是百分比。有任何想法吗？

更新：我认为这可能与我使用的是折线图而不是像插件示例那样的条形图有关，但它们也没有出现在条形图上......

我根据来自本地数据库的时间序列数据创建了一个初始 dc.js 堆积面积折线图。所有的计算都由数据库服务器处理，数据是按时间间隔（几分钟到几小时）抓取的。使用的交叉过滤器维度是日期（以毫秒纪元时间给出），包括要在一个图表上一起绘制的 2 组。这两组中的值是所选时间间隔的平均值，这也是由数据库服务器完成的，我非常希望避免将整个数据集加载到脚本中。

初始图表呈现和工作正常，但在我的chart.on('zoomed', function(c, f) {..})中，我再次解析数据库以获得一组新的、更准确的数据。

即放大图表从较小的时间间隔中选择数据，缩小从较大的时间间隔中选择数据。

我了解需要从交叉过滤器中删除旧数据，并且需要将新数据添加到其中，来源来自该线程。但是，当我在我的chart.on('zoomed', function(c,f) {..})中实现它时，在第一次缩放后它返回一个TypeError: group is undefined。

我不明白这个错误来自哪里，chart.group(..)是在页面首次加载时定义的。这是我的功能，

我无法在 NVD3 的 StackedAreaChart 上捕获一些数据。

我可以使用这个答案成功拦截点击事件： NVD3 Stacked Area Chart

但是，我需要更深一步。现在我已经截获了这个事件，我得到了一个看起来像这样的对象：

对象的 pos 数组看起来最有希望——数组中的第一个元素显然是 x 坐标，第二个元素是 y 坐标。

我正在尝试将此数字传递到生成 x 轴值的同一函数中，以便为我提供我正在寻找的 x 轴上的数据点。然而，我没有任何运气，我的桌子开始向它鞠躬，我一直在不停地敲我的头。

任何人都对我如何基本上向后走并将我回到d3中可用的图表函数的坐标管道以获得我如此渴望的x值有任何见解？

我想知道如何更改stackedAreaChart 的y 轴比例。

想象一下我有一个数组，我想将 y 轴调整为数组的最大值，并且我想以新的比例绘制所有值。

I'm having trouble that i think relates to the "stacking" property of highcharts' area chart.

The thing is my values only go up to 120 max, but the Y column legend marks higher. Since i'm not being able to explain myself quite correctly i'll post the jsfiddle.

http://jsfiddle.net/RFPUH/141/

As you can see there, the highest value i have is 120, but the Y column goes up until 210.. this is confusing and isn't good enough.

When i remove the "staking" property from the chart, the Y column problem disappears, but it doesn't work as desired either. I wanted to post a pic but i've no rep :(

http://jsfiddle.net/RFPUH/142/

Does anyone know what im doing wrong??

thanks in advance guys!!!

Solution
http://jsfiddle.net/kfujdhou/3

图中的堆积面积图有10个系列的数据。但是最后四个系列的数据都是空的。系列 6 图表中的颜色呈现不正确。

缩放后的图表看起来可以接受。没有缩放的图形渲染不正确。当所有系列的数据都存在时，该图表工作正常。

这是 highcharts 的问题吗？这是否与此问题有关