问题标签 [area-chart]

我有一个项目需要重新创建渐变图表。我在网上找到了一些关于如何用渐变重新创建面积图的文档：文档。

主要问题是我无法让这段代码工作。我已将其更改为使用我的数据，并且图表不会显示。轴正在正确渲染。但是图表本身并没有显示出来。

我已经替换了var x = d3.scaleTime().range([0, width]);to，var x = d3.scaleBand().range([0, width]);因为在文档中他们正在使用 x 轴上的 Date 对象。

没有控制台错误，但图表不会简单地显示出来。代码看起来很简单，但我似乎无法理解它有什么问题。我对 D3.js 非常陌生，并且仍然对这个库有很多了解。

我想用两种不同的信息构建一个图表：我想在面积图中显示一些信息（作为背景：I、II 和 III 四分之一）和不同的信息作为条形图（2013_Cases）。

我的数据如下所示：

我想绘制这样的图（我在 Exel 中制作的）：

所以，我写了我的代码如下：

但是我收到了这个错误： 错误：美学必须是长度 1 或与数据相同（156）：x 和 y并且不知道如何修复它！

从现在开始，感谢您的帮助！

我制作了一个面积图，如下例所示：

由于系列中的第二个值为空，因此我将第一个值视为一个点。系列末尾的值也是如此。是否可以用一条线将其连接到 X 轴，该线将作为图表其余部分的区域着色？

我正在使用@devexpress/dx-react-chart-material-ui 的图表开发应用程序。我想将顶部曲线绘制为实线。但是我没有找到实现它的方法。所以我正在尝试使用样条线。但是样条曲线与区域序列的顶部曲线不匹配。我的代码如下。

生成的屏幕截图： 结果图像

是否可以将顶部曲线绘制为实线？如何实施？

谢谢你。

我正在查看https://observablehq.com/@d3/area-chart中的面积图示例

我想复制这段代码并在 Angular 8 中运行。我对 Angular 很陌生，所以我不知道该怎么做。

任何人都可以帮助我吗？

我有一个关于按大小订购区域图的问题。我想从大尺寸到小尺寸排序。如，

这是我的代码

使用position_stack(reverse = T)，只有一个区域是错误的排序（粉红色区域）

这是一个输入数据 data.csv

你能指导我做什么吗？太感谢了。

我正在使用 d3 处理折线图。但不知何故，图表没有显示，控制台中也没有错误。我无法弄清楚这个问题。如果有人可以帮助我，那将会很有帮助。

我已经在 Codepen 中添加了整个代码。这是链接

这是 ref 的示例代码：

提前致谢！

我有一个 AreaChart（实际上是一个带有区域和线条的 ComposedChart），我想在图表呈现后在其中一个数据点上显示一个工具提示。如果我将鼠标悬停在图表上效果很好，但我希望它在渲染时显示。对于饼图，我可以通过 ActiveSlice 执行此操作并设置我想要激活的切片，然后在其中处理它，但对于区域图我找不到方法。

我实际上正在使用自定义工具提示，因此如果我可以访问图表呈现时创建的内部数据点，但无法找到获取它们的方法（我希望它们可以通过进入onAnimationEnd，但没有运气）。

任何指针表示赞赏！

我正在尝试使用 pandas DataFrame 创建一个面积图。

这是我在导入数据时绘制的数据。

我将“Record_Date”字段转换为日期时间字段，但在尝试绘制它时却一无所获。

我究竟做错了什么？Record_Date 最初被列为对象。一旦我转换了该字段，它就会显示为 datetime64。

尝试制作第二个绘图时会出现此消息。

TypeError：DTypes <class 'numpy.dtype[uint8]'> 和 <class 'numpy.dtype[datetime64]'> 没有共同的 DType。例如，除非 dtype 是 ，否则它们不能存储在单个数组中object。

我正在创建一个 D3 面积图，该区域显示在线上方而不是下方。

面积出现在线条上方的面积图

这是一个小提琴：https ://jsfiddle.net/8xsrmgzw/

谢谢。