问题标签 [multiple-axes]

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 投票
1 回答
5463 浏览

python - 条形图上的叠加箱线图 matplotlib/python

我正在尝试使用 matplotlib 中的单独 y 轴在条形图上叠加一组箱形图。我在任何地方都找不到示例,并且已经尝试了所有我能想到的ax.set_zorder()和 ax2.set_alpha()。有没有办法只从箱形图中设置背景不透明?ax.patch.set_facecolor('None')完全删除背景...

这是我尝试过的:

在此先感谢您的帮助。

0 投票
0 回答
607 浏览

r - R编程Plotly条形图分组条形多y轴

我正在尝试使用两个不同的分组条形图Y axis来衡量两个不同的列。这是数据:

这是我的代码:

我遇到的问题是两组条形图重叠。我不可能看到它被组合在一起,彼此放在一边。如何用两组条形表示它?

任何想法?

0 投票
1 回答
278 浏览

python - 使用 AxisArtist 时,刻度可以向外转动吗?

我正在使用 AxisArtist,并且想将“双胞胎”x 轴的刻度向外转动。但是,当我执行demo_parasite_axes2.py插入行时,host.axis["bottom"].tick_params(direction = "out")进行了旨在翻转刻度线的轻微修改,我收到以下错误:

AttributeError:“AxisArtist”对象没有属性“tick_params”

是否有可行的解决方法?

包含插入行的代码如下所示。

0 投票
0 回答
462 浏览

javascript - Highcharts:如何绘制倒列范围和折线图?

[编辑] - 已解决:最后见最终图表。

信息

先来点背景。我有一个折线图,它在一个非常简单的折线图中绘制了一个设施产生的电力。该设施有 5 台机器产生这种功率。有时,这些机器有一些问题或错误。

我想展示这些错误以及它们持续了多长时间,每台机器,以及功率生产图表。

错误图表

阅读 Highcharts 文档后,我意识到最好的展示方式是在columnrange图表中,将其反转为水平columnrange图表。

这是一个示例(jsfiled):

  • Obs:将[-6 .. 9 ]轴视为datetime

图一

这个图表可以这样理解:机器 0 有两个错误:一个从 -6 到 -1,另一个从 0 到 2,依此类推。

我现在在哪里?

所以,现在我试着把它和折线图一起工作。这就是我无法让它发挥作用的地方。我的columnrange图表保持垂直而不是水平,我可以弄清楚如何翻转它。

这是当前状态:(jsfiddle

图 2

问题

有什么办法可以将这两个图表绘制在一起?

[编辑]回答

使用@jlbriggs 评论的想法,我可以想出正确的图表(jsfiddle):

最终图表

0 投票
2 回答
3379 浏览

python - 从 csv 文件读取数据以使用 matplotlib 绘制多个图

我有一个如下所示的 csv 文件:

现在我知道如何从 csv 文件中绘制图形。我有下面的脚本:

这似乎工作正常。但是,我希望能够将 tmp 绘制在一组单独的 y 轴上,而不是 rh。我知道何时在多个轴上绘制多个图,您必须执行以下操作:

你得到两个地块。我想要做的是在上面的示例中基于读取 csv 文件将 s1 设置为 rh 的 csv 值,并将 s2 设置为 tmp 的 csv 值。我该怎么做呢?

0 投票
1 回答
4476 浏览

python - 散景,Python:如何更新额外轴的范围

我想创建一个带有 2 个 y 轴的图,其范围正在通过单击按钮更新。该脚本将在 Bokeh 服务器上运行。请注意,在下面的代码中,主 y 轴正在通过更改 f.y_range.start/end 进行更新。但是,这对于辅助 y 轴是不可能的。我尝试了另外两个命令,即

但它们都不起作用。

此处提出了类似的问题:散景:如何更改额外的轴可见性

0 投票
2 回答
2032 浏览

python - Matplotlib:添加双 y 轴而不在图中使用其值

这是为了澄清问题的标题。假设您有四个整数列表,您想使用它们生成散点图:

为简单起见,您还有一个f(x)=1/x适用于所有列表的函数,因此:

我的问题:如何添加第二个 y 轴,知道函数返回的值范围从0.06to 1.0而不使用散点图中的任何 a1、b1、c1、d1 列表?

我的意思是:如果您以传统方式生成以下散点图,那么如何根据 a1、b1、c1、d1 的值添加第二个 y 轴,而无需在绘图本身中使用它们?

这是没有第二个 y 轴的散点图: 在此处输入图像描述

这是同一版本的合成版本,包括到目前为止讨论的第二个 y 轴: 在此处输入图像描述

注意:这个问题与这个不同,因为我不想用不同的比例来绘制。我只想添加具有相关值的第二个轴。

0 投票
1 回答
1398 浏览

highcharts - 带有自定义标签的 Highcharts 多轴

我有一个带有两个 x 轴的 Highcharts 瀑布图:

示例:https ://jsfiddle.net/er1187/8gwzcbsk/4/

我还尝试在每个栏的顶部添加自定义标签(红色标签):https ://jsfiddle.net/er1187/pqfa0Lpm/

我正在努力在一个图表上显示所有三 (3) 个,当我添加自定义标签时,第二个轴消失了。有什么办法可以同时拥有这三个?

提前致谢!

0 投票
0 回答
793 浏览

javascript - 在带有共享 x 轴的 plotly 子图中显示每个图形的 x 轴标签

我用 plotly.JS 创建了一个子图,每个图共享 x 轴,如下图所示。 共享 x 轴

我想显示子图中所有图形的 x 轴值,而不是仅在底部的图形中显示它。我使用锚属性实现了这一点,但图表没有很好地对齐。看下图,这里 graph2 的 600 并没有完全定位到其他两个图。 不共享 xaxis

我希望所有图表共享 x 轴,并在每个图表上显示 x 轴值。

0 投票
1 回答
84 浏览

javascript - 动态添加系列

我正在尝试将系列和轴动态添加到线图中。我正在尝试使用回调函数来分配系列。但是语法有问题:

有什么例子可以说明如何做到这一点?