- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 plotly.graph_objects.Heatmap
来显示 (x, y, z) 值的数据集,其中 x 和 y 不在固定的矩形网格上。 x 值在单个网格上等距分布,并且在每个 x 值处都有一个等距分布的 y 网格。 y 网格从一个 x 值到下一个 x 值任意不同(开始、停止、数量,所有可能不同)。所需的行为是一组以每个数据点为中心的连续矩形,其宽度由图中 x 的间距以及每列中 y 的间距决定。
这是 matplotlib
的 imshow
的样子:
Heatmap
的行为使得使用每个单元格的中心指定这种类型的图变得容易,但我不知道如何控制列的宽度。而不是我想要的宽度,所有的宽度都是1。
第二个问题是我尝试执行此操作的方式(见下文)相当慢。
为了绘制上面的第二个图,我在 x 值上循环。对于每个值,我构建一个重复 x 的数组以匹配该列的 y 和 z 数组的长度,然后我将其add_trace
添加到我的图中。对于我的案例来说,这是一个方便的构造,因为它确保 y 网格的间距适合每一列。但是由于每个跟踪中的 x
参数都有一个重复值,因此宽度设置为 1。正如我上面所说,这也很慢。
我查看了 https://plot.ly/python/heatmaps 中的示例并阅读 https://plot.ly/python/reference/#heatmap 上的文档.
我试图理解 x 值的替代 x0
和 dx
构造,但我不清楚这方面的文档,经过一些实验后我移动了上。
我还尝试使用 xgap
参数来减少单元格宽度的外观,但由于这是以像素为单位,因此会破坏绘图的缩放行为。它也不会更改悬停工具所关注的区域,这会破坏悬停行为。
最后,我还尝试构建一个包含所有 (x, y, z) 值以及我想要的悬停文本的 pandas.DataFrame
。这速度更快,但看起来它试图使 y 轴与图中所有不同的 y 网格相称,从而导致看起来很稀疏的非常瘦的矩形阵列。
理想情况下,我想找到一种快速且看起来自然的方式来生成以下内容,其中 x 边界正好落在 -0.25、0.25 和 0.75 处。
fig = go.Figure(
layout={
"xaxis": {"range": (-0.25, 0.75),
"tickvals": [-0.25, 0.25, 0.75]
}
)
fig.add_trace(
go.Heatmap(
x=[0, 0, 0],
y=[2, 4, 6],
z=[-1, 1, 0],
name="Name A",
)
)
fig.add_trace(
go.Heatmap(
x=[0.5, 0.5, 0.5],
y=[6.1, 6.4, 6.7],
z=[-1, 1, 2],
name="Name B",
)
)
fig.show()
有什么我可以轻松(或不太容易)添加到上述结构中以将单元格宽度设置为 0.5 的东西吗?如果不是,我应该使用完全不同的结构吗?
最佳答案
好的,我们开始吧,您可以使用现有的 x0
和 dx
参数,如下所示,注意事项如下:
z
不再是 [a,b,c]
而是 [[a],[b],[c]]
因为 x0
/dx
仅适用于 z
作为二维数组。coloraxis="coloraxis1"
以便它们共享颜色空间和颜色条。您可以在 layout.coloraxis1
中配置该颜色空间/条。代码:
import plotly.graph_objects as go
fig = go.Figure()
fig.add_trace(
go.Heatmap(
x0=0,dx=0.5,
y=[2, 4, 6],
z=[[-1], [1], [0]],
name="Name A",
coloraxis="coloraxis1"
)
)
fig.add_trace(
go.Heatmap(
x0=0.5,dx=0.5,
y=[6.1, 6.4, 6.7],
z=[[-1], [1], [2]],
name="Name B",
coloraxis="coloraxis1"
)
)
fig.update_layout(coloraxis1=dict(
colorscale="Plasma"
))
fig.show()
输出如下:
关于heatmap - 我可以在 Python 的 Plotly 热图中指定单元格宽度和高度吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57445322/
我已经尝试在我的 CSS 中添加一个元素来删除每三个 div 的 margin-right。不过,似乎只是出于某种原因影响了第 3 次和第 7 次。需要它在第 3、6、9 等日工作... CSS .s
如何使 div/input 闪烁或“脉冲”?例如,假设表单字段输入了无效值? 最佳答案 使用 CSS3 类似 on this page ,您可以将脉冲效果添加到名为 error 的类中: @-webk
我目前正在尝试构建一个简单的 wireframe来自 lattice 的情节包,但由沿 y 轴的数百个点组成。这导致绘图被线框网格淹没,您看到的只是一个黑色块。我知道我可以用 col=FALSE 完全
在知道 parent>div CSS 选择器在 IE 中无法识别后,我重新编码我的 CSS 样式,例如: div#bodyMain div#paneLeft>div{/*styles here*/}
我有两个 div,一个在另一个里面。当我将鼠标悬停 到最外面的那个时,我想改变它的颜色,没问题。但是,当我将鼠标悬停 到内部时,我只想更改它的颜色。这可能吗?换句话说,当 将鼠标悬停到内部 div 上
我需要展示这样的东西 有人可以帮忙吗?我可以实现以下输出 我正在使用以下代码:: GridView.builder( scrollDirection: Axis.vertical,
当 Bottom Sheet 像 Android 键盘一样打开时,是否有任何方法可以手动上推布局( ScrollView 或回收器 View 或整个 Activity )?或者你可以说我想以 Bott
我有以下代码,用于使用纯 HTML 和 CSS 显示翻转。当您将鼠标悬停在文本上时,它会更改左右图像。 在我测试的所有浏览器中都运行良好,Safari 4 除外。据我收集的信息,Safari 4 支持
我构建了某种 CMS,但在使用 TinyMCE 和 Bootstrap 时遇到了一些问题。 我有一个页面,其中概述了一个 div,如果用户单击该 div,他们可以从模态中选择图像。该图像被插入到一个
出于某种原因,当我设置一个过渡时,当我的鼠标悬停在一个元素上时,背景会改变颜色,它只适用于一个元素,但它们都共享同一个类?任何帮助我的 CSS .outer_ad { position:rel
好吧,这真的很愚蠢。我不知道 Android Studio 中的调试监视框架发生了什么。我有 1.5.1 的工作室。 是否有一些来自 intellij 的 secret 知识来展示它。 最佳答案 与以
我有这个标记: some code > 我正在尝试获取此布局: 注意:上一个和下一个按钮靠近#player 我正在尝试这样: .nextBtn{
网站:http://avuedesigns.com/index 首页有 6 个菜单项。我希望每件元素在您经过时都有自己的颜色。 这是当您将鼠标悬停在 div 上时将所有内容更改为白色的行 li#hom
我需要在 index.php 文件中显示它,但没有任何效果。我所有的文章都没有正确定位。我将其用作代码: 最佳答案 您可以首先检查您
我是一名优秀的程序员,十分优秀!