问题标签 [stacked-area-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 回答
48 浏览

javascript - 如何使用动态值使用堆栈区域高图表?

这是我获取数据的代码

在警报中,我得到如下值:

我需要显示这些值并将其显示在图表中http://www.highcharts.com/demo/area-stacked

这是 js-fiidle 链接http://jsfiddle.net/k3kuepch/

x 轴必须是cmdate,y 轴必须是mktshareand 代替亚洲、非洲、欧洲等国家,我必须在我的情况下显示cmnameie nova, apc, msd, rbc

问题是我无法理解在哪里给出 x 轴、Y 轴和cmname根据我在代码开头提到的输出的值。

提前致谢

0 投票
1 回答
393 浏览

width - 如何根据 div 的大小调整 nvd3-angularjs-directives 中堆叠区域图的大小?

我有一个使用 nvd3-angularjs-directives 创建的图表。我希望此图的大小根据其 div 的大小进行调整。我的问题最初是 y 的值达到这个值 2000000000 并且标签在两者之间的某处被切断。我希望图表能够调整,以便整个图表甚至标签都能正确显示。

这是图表

1)我将宽度的值更改为自动。但它没有用。

2) 我在 div style="color:blue;width:auto;" 中添加了这个。它也没有工作

0 投票
1 回答
3400 浏览

tooltip - 如何在 nvd3-angularjs 中格式化工具提示内容

我使用 nvd3-angularjs 的堆积面积图

这是我的html

现在,我有一个应该格式化工具提示内容的函数,但它不起作用。也许它与 useInteractiveGuideline 属性有关。我使用相同的工具提示内容功能来编辑我的其他图表的工具提示,它在这些图表上工作,唯一的区别是这些图表不使用 useInteractiveGuideline。

我希望 x 位于中心,以及数据的其他格式。我该怎么做?我是否使用了正确的属性来格式化工具提示?

0 投票
2 回答
3705 浏览

r - geom_area 不堆叠(ggplot)

这是我的数据结构:

我正在尝试使用以下代码将其放入堆积面积图中:

任何想法为什么我不能让它正确堆叠?

在此处输入图像描述

我的数据来自dput

0 投票
0 回答
695 浏览

charts - 如何将负值添加到 JavaFx 面积图?

我想绘制一个差异(面积)图表,如下所示: d3.js 差异图表示例如何处理 json 数据? 我的图表以水平 (y=0) 轴为中心。

JavaFx 的面积图似乎只知道如何填充线以下的区域!?

示例“添加负值”(图 33-7)似乎是我正在寻找的(三月系列)但它不起作用/如图所示!

代替:

在此处输入图像描述

它呈现:

在此处输入图像描述

谢谢,

伊戈尔

0 投票
0 回答
391 浏览

javascript - Stacked area Chart的d3过渡

我在为区域图的高度设置动画时遇到问题。我需要根据提供的数据增加/减少高度。截至目前,它只是改变颜色。

我在绘图时添加了 .transition().duration(3000) ,但它仅对彩色动画有效,对高度无效。

我什至尝试在该部分插入高度属性,结果仍然相同。

0 投票
1 回答
190 浏览

r - 如何使用 geom_area 绘制图形?

有谁知道为什么我的数据没有图表?

数据帧

ETC

我是否从命令中遗漏了一些东西?

0 投票
1 回答
5039 浏览

python - Python Matplotlib stackplot 中的标签区域

我想在 matplotlib 堆栈图的区域内生成标签。我会满足于标记用于界定该区域的线。考虑这个例子:

这会产生:在此处输入图像描述

但我想制作这样的东西:

在此处输入图像描述

matplotlib 等高线图具有这种类型的标记功能(尽管在等高线图的情况下对线进行了标记)。

感谢您提供任何帮助(甚至重定向到我可能错过的帖子)。

0 投票
1 回答
397 浏览

charts - 如何根据负值或正值动态更改JavaFx 8区域图中的填充颜色

我需要一个面积图,当它是负数时,它可以用不同的颜色(例如红色)填充图表。

如何在 JavaFX 中做到这一点?

http://i.stack.imgur.com/SSl5a.png

http://i.stack.imgur.com/nzag3.png

0 投票
0 回答
127 浏览

javascript - d3js中的堆积面积图

我想用 d3js 创建堆积面积图。但我能在 d3 网站上找到的唯一例子是这个` http://bl.ocks.org/mbostock/3885211

我无法理解如何从该图中绘制日期与销售额。yaxis 上的销售额和 xAxis 上的日期。

如果任何机构有其他例子,请指出我谢谢