如何在D3中根据自定义Y轴绘制叠加条形图

文章/答案/技术大牛

发布

1回答

动态数据显示DevMarkerChart中的两个独立轴

c#、wpf、dynamic-data-display

我是d3的新用户，我试图在独立的y轴上绘制两个不同的图形。就像左侧y轴上的折线图一样，右侧y轴上也有类似的条形图。根据示例，我已经为条形图系列使用了InjectedPlotter，但是我不能为两种不同的图表类型绘制独立的y轴。对于两个折线图，我可以很容易地做到这一点。默认情况下，这两个图表都是从左侧y轴开始凹陷

浏览 0提问于2013-11-19得票数 0

1回答

javascript、d3.js

我有一个堆叠的条形图，其中我必须显示0到100之间的数据%。例如，如果a，b的值是3，10中的7，那么我必须将其显示为30%和70%。但有时数据低于1%，所以我修改了Y轴，如下所示，它是均匀分布的，但不能根据自定义的Y轴放置图表。custom Yaxis chart 这就是我如何使用D3修改Y轴的方法 var y_data = [0,1,2,3,4,5,6,7,8,9,10,30,

浏览 13提问于2020-08-26得票数 0

3回答

实际上:多轴分组条形图

python、plot、bar-chart、plotly、multiple-axes

当我在barmode='group'中设置Layout而不是trace2 = Bar(...,yaxis='y2')时，这将导致条形图被堆叠或叠加，而不是分组。如何在有多个轴的情况下对条形进行分组？我看了一下这些，但没有用：多轴还解释了，y轴的参考是可用的。

浏览 3提问于2015-03-14得票数 19

1回答

用聚能图并排绘制2值轴的叠加条形图

bar-chart、spotfire、stacked-chart

如何绘制一个叠加的条形图，在Y轴上有两个值列，在x轴上有一个周期(年份)列。出于某种原因，视觉化划分出两个单独的条形图。但是，我希望两列Sum(RCN选择)和sum(调整资产)在一个共同的x轴(预测年)上彼此相接。还请注意，这些条是根据子集着色的，如下所示。在格子被清除后并排并排。

浏览 2提问于2017-11-29得票数 1

回答已采纳

1回答

如何在Power中获得以下100%的堆叠条形图

powerbi、powerbi-desktop、powerbi-custom-visuals

我可以用Python完美地绘制一个100%的堆叠条形图。然而，当我试图在Power BI上做同样的事情时，我并没有成功。列名是x-标签，堆栈是列的唯一值，y轴有每个列的堆栈计数。在Power中，应该为轴、图例、值和工具提示选择哪些字段来实现相同的目标？所有23个字段都有相同的五个值:强烈同意强烈反对，如叠加条形图的图例所示。表的快照。

浏览 3提问于2020-10-06得票数 1

回答已采纳

3回答

将%符号添加到条形图AChartEngine中的Y轴标签

java、android、achartengine

我正在开发一款安卓应用程序，并使用AChartEngine进行图表绘制。条形图是根据来自服务器的动态数据绘制的。0%..10%..20

浏览 1提问于2012-10-24得票数 4

回答已采纳

1回答

D3叠加条形图的合理数据结构

d3.js

我试图用D3 v4将这些数据可视化在一个堆叠的条形图中： {'id': '10', 'status': 'on', 'variant': 'A', 'value': ': '100'}, {'id': '12', 'status': 'on', 'variant&

浏览 4提问于2017-06-07得票数 0

回答已采纳

1回答

react google-双Y叠加条形图

reactjs、typescript、charts、google-visualization、react-google-charts

我的数据格式如下：我可以成功地建立以下图表： 2Y轴尺寸:A公司和B

浏览 2提问于2022-01-31得票数 1

回答已采纳

5回答

基于值的色料库条形图

python、matplotlib

是否有方法根据条形图的值对条形图的条形图进行着色。这是伟大的工作，当两个轴都是数字，如您的例子。然而，在我的例子中，我最初的数据结构是熊猫的数据结构。然后使用df.stack()并绘制结果。这意味着dataframes行/列成为绘图的x轴，而dataframe单元格是Y轴(条形图)。根据你的例子，我尝试过掩蔽，但当Y轴</em

浏览 10提问于2015-11-02得票数 17

回答已采纳

7回答

Chart.js -格式化Y轴

string-formatting、chart.js

我使用绘制一个简单的条形图，我需要格式化它的Y轴，如我看到说""，但是不知道如何在我们的scaleLabel选项中使用这个选项。有人知道如何格式化这个Y轴吗，或者给我举个例子？

浏览 0提问于2013-12-04得票数 86

回答已采纳

1回答

如何设置Matplotlib辅助y轴日期时间值的格式

python、python-3.x、matplotlib、jupyter-notebook、yaxis

我正在尝试使用matplotlib绘制叠加在条形图上的折线图。数据已正确绘制，但描述预测开始时间的次要y轴未正确输出。预测开始时间的所有值均四舍五入为小时，例如(13:00、14:00等)，但绘制时将转换为y轴上的11:40、12:13:20等，如下所示： en1 = []ax2.set_ylabel('Forecasted Start T

浏览 11提问于2019-08-09得票数 2

回答已采纳

1回答

nvd3图上x轴的自定义标签

javascript、d3.js、nvd3.js

我对使用javascript的图形相当陌生，现在开始在一个项目中使用d3和nvd3。我正在尝试绘制一个由nvd3模块提供的多条形图。我成功地绘制了数据，但是我不能为每个系列自定义x轴的值。我相信它是取x的整数值来绘制图形的。我的问题是如何为每个图显示一些自定义的值，如X，Y，Z，而不是1，2，3。);

浏览 0提问于2013-09-01得票数 2

1回答

MATLAB中部分数据的三维可视化

matlab、plot、graph、matlab-figure、surface

这是我在MATLAB中的数据矩阵： 43.676370 -79.477107 5 43.676417 -79.477509 8第一列是Y轴，第二列是X轴，第三列是我的数据。如何绘制条形图，并根据MATLAB中每个数据点的数据值(如</

浏览 1提问于2017-07-23得票数 1

回答已采纳

1回答

比起react，使用d3的格式是否有性能上的好处？

reactjs、d3.js

我正在学习D3和React的教程。我按照说明渲染了几个文本元素，但由于我在React方面更有经验，所以我想知道，如果我正在构建一个不那么做作的示例，比如一个适当的图表，那么不使用常规的D3语法是否会对性能造成一些影响。{ const svg = select(container.current); .enter() .append("

浏览 0提问于2020-10-10得票数 0

1回答

nvd3 3/d3.js一个条形图在另一个柱状图上

d3.js、nvd3.js

在我们的桌面软件中，我们常常在条形图中显示这些数据，其中平均序列被叠加在最大的序列上。由于平均不可能大于最大值，所以隐藏条没有问题。这可以在NVD3中以任何方式实现吗？如果不是直接在NVD3中，可以通过访问底层d3对象来实现吗？

浏览 1提问于2018-05-29得票数 0

回答已采纳

4回答

如何在Android中编程绘制条形图？

android

任何人都可以根据x轴和y轴上的数据在android中绘制条形图吗？

浏览 1提问于2011-10-14得票数 4

回答已采纳

1回答

Excel:如何在Excel中创建甘特图

excel、charts、stack

4 00.003 299 6 00.327 199 8 00.333 451我需要绘制一个重叠条形图，类似于这个重叠条形图(来自google)：但是，当我尝试在mac excel中绘制条形图时，excel会用请求计数和开始时间重载y轴，而不是将开始时间和持续时间都应用于x轴。简而言之，y</e

浏览 4提问于2016-06-12得票数 0

2回答

尽管y轴在本质上是增量的，但D3线图仍向后绘制。

d3.js

在D3中，我有一个线条图和条形图的混合。虽然映射到'usageDate‘的y轴(日期)本质上是递增的，但生成的线图似乎是相反的。图像线图在X上画“usageTrendDetails”，在Y上画usageDate，并附上代码的链接。线条图是从左到右绘制的，然而，正如在图像中突出显示的那样，它突然开始从右到左绘制，然后返回到右边。知道为什么会这样吗？

浏览 8提问于2016-04-15得票数 1

回答已采纳

2回答

d3js柱状图高度错误

d3.js

我正在尝试在d3中复制，除了使用负值之外。我能够弄清楚如何使用负值，但现在我的轴似乎偏离了。我想这可能是我对y值所做的事情。下面是我绘制条形图的地方： .attr("class","chart") .enter().append("rec

浏览 0提问于2013-09-04得票数 0

1回答

如何用matplotlib绘制热图？

python、matplotlib、plot

如何使用python和matplotlib来绘制如下图片？我知道如何绘制二维热图，但它让我非常失望，因为我在热图的顶部绘制了一个条形图，在颜色栏和热图之间绘制了一个条形图。如何在图片上添加这两个条，并显示x轴或y轴中的数字属于哪个组？

浏览 0提问于2016-05-12得票数 3

回答已采纳

点击加载更多

动态数据显示DevMarkerChart中的两个独立轴