个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我正在尝试创建一个 Bokeh 图，它允许我通过单击复选框来切换图中线条的可见性。
我开始尝试对复选框组使用 js 回调，但不幸的是，实际上并没有为复选框组实现 js 回调。
任何人都可以提出另一种方法来切换 Bokeh 图中的线条可见性。我猜修改线条的 alpha 属性是可行的方法。
这是一些用于创建我的情节的简单示例代码:
from bokeh.plotting import figure, show, output_notebook
from bokeh.io import vform
from bokeh.models.widgets import CheckboxGroup
output_notebook()
x = [1, 2, 3, 4, 5]
y1 = [3, 5, 6, 4, 5]
y2 = [2, 4, 7, 6, 5]
p = figure()
line1 = p.line(x, y1, alpha=1, color='blue', legend='blue line')
line2 = p.line(x, y2, alpha=1, color='red', legend='red line')
cbgroup = CheckboxGroup(labels=["toggle blue line","toggle red line"], active=[0,1])
show(vform(p,cbgroup))
最佳答案
我猜是因为对我的问题没有任何回应，所以没有任何方法可以在网页的 Bokeh 图中使用复选框。
在这种情况下，我一直在查看除 Bokeh 之外的其他可能的网络图表库，并找到了一个名为 C3.js 的不错的库。它纯粹是在 javascript 中实现的，但由于 Bokeh 已经需要一些 js 知识，这对于 Bokeh 用户来说可能不是什么大问题。此外，C3.js 语法似乎非常好和简单，即使对于像我这样对 js 知之甚少的人来说也是如此。
对于任何检查这个问题的人，我已经提供了下面的 html/js 页面代码，它创建了等效的 C3.js 图，其中包含我试图用 Bokeh 制作的复选框:
<!DOCTYPE html>
<html lang="en">
<head>
<title>show hide</title>
<meta charset="utf-8" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
</head>
<body>
<div id="chart"></div>
<script>
var chart = c3.generate({
bindto: '#chart',
data: {
x: 'x',
columns: [
['x', 1, 2, 3, 4, 5],
['y1', 3, 5, 6, 4, 5],
['y2', 2, 4, 7, 6, 5]
]
}
});
function cbclick(a){
var lineData = "y" + a;
var cbID = "cb" + a
var cb = document.getElementById(cbID);
if (cb.checked) {
chart.show([lineData]);
} else {
chart.hide([lineData]);
}
}
</script>
<div align="center">
<input type="checkbox" id="cb1" onclick="cbclick(1)" checked="true">y1</input>
<input type="checkbox" id="cb2" onclick="cbclick(2)" checked="true">y2</input>
</div>
</body>
关于bokeh - 切换 Bokeh 图中的线条可见性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37568648/
27
4
0
我正在尝试创建一些文本标题，这些标题的一侧有一条线，该线基于文本的宽度是动态的。 例子: 我猜我需要在标题上做一些背景颜色(例如白色)来伪造它，然后使用 :before伪类，但到目前为止我还没有成功。
如何在 Qt 中使用 QVector 初始化多边形来创建一个开放多边形？ QPolygonF 将始终关闭多边形并将最后一个点与第一个点连接起来。 谢谢你的帮助 [编辑] 在QGraphicsScene
如何获取数组中道路的几何形状(线条/绘图)？ 可能吗？ 谢谢! [抱歉我的英语不好] 最佳答案 目前 Google map 无法实现此操作。开源网络服务，如 OpenStreetMap能够返回数据库中
当我绘制具有透明纹理的平面(例如房屋的 window )时，我看到了不应该出现的线条或三角形。我该如何解决这个问题？ (来源:troll.ws) 这是我用来绘制一个窗口的方法。我暂时启用混合以使窗口透
在 WPF 中，有没有一种方法可以修改从 Dash-Dot 序列绘制任何路径的方式？假设我想为我正在绘制的任何路径或绘图路径本身上的小三角形、波浪等绘制一条三重线。我已经尝试过画笔，但它不会遵循路径。
I have created an interactive map that when areas are selected then the related content should show/
我想在圆圈悬停时显示上下文菜单，以向用户显示一些选择，并在单击时执行一些操作，但我无法做到这一点。 如何在鼠标悬停事件上显示带有拉斐尔元素(例如圆圈、线条)的上下文菜单，并在选择特定菜单项时执行某些操
已解决。 我之前有一个问题，但它发布得非常糟糕，所以根据更好的规则，这里再次出现。 我想创建某种样式的图表，例如此图像: 。 它基于物理定律，Snell's Law 。到目前为止，我已经成功地使用基本
我正在绘制一些具有相同笔划的路径，但有一些明显的重叠(动态创建和更新树)。在重叠区域，笔划看起来与非重叠区域(- 参见 b)不同(更暗和更粗 - 参见 a)。同样的效果对于不同的笔触颜色也很明显。 代
我正在使用 python 和 opencv。我的目标是检测用树莓派相机拍摄的图像中的“X”形碎片。该项目是我们有预印的井字棋板，并且每次在板上放置新棋子(带有印章)时都必须对板进行成像。然后输出说明棋
设置图像样式有两种方法，一种是全局修改，一种只针对一幅图片有效。 全局修改 a<-c(1:10)#全局修改old_par<-par(no.readonly=TRUE)
Matplotlib 是 Python 的绘图库。 它可与 NumPy 一起使用，提供了一种有效的 MatLab 开源替代方案。 它也可以和图形工具包一起使用，如 PyQt 和 wxPython。
我创建了一个脚本来读取和绘制 .txt 文件及其内容(数字/值)。每个 .txt 文件位于不同的文件夹中。每个文件夹依次代表数据的一个主题。 这段代码工作正常。 Python 读取每个单独的 .txt
对于提交的最终文章，我被要求更新我的数据，以便它们符合以下规范: 轴线为 0.25 毫米 轴线周围，刻度线朝内 数据线为 0.5 毫米 字体为10pt 人物宽度应为 80 或 169 毫米 必须为 3
当尝试使用 D3DPT_LINELIST 在 3D 空间中绘制一条线时，Direct3D 给我一个关于无效顶点声明的错误，说它不能转换为 FVF .我使用的顶点声明和着色器/流设置与我的 D3DPT_
我如何使用 CSS 为 SVG“线”元素创建绘制动画。我想在滚动上画线，效果流畅。有人有什么想法吗？我试着搜索这个，但我找不到线元素的这种效果。这是我的 html 和 svg:
有什么方法可以用 CSS 来设置 SVG 行的样式吗？我试过添加。我想稍后用 JQuery 添加类 onclick。这将添加 class，然后更改描边颜色。 .black { fill: blac
我创建了一个受“站点地图”启发的菜单，它使用 svgs 连接菜单中的每个元素。目前 svg 是静态的。但是我相信有可能使这些吸引进来？ 我有一个更复杂的问题，我只希望在容器 ul 可见时绘制线条。 当
这个问题在这里已经有了答案: How to draw a path smoothly from start point to end point in D3.js (1 个回答) 关闭 6 年前。
我在代码中的 HTML5 Canvas 元素上绘制了许多 1px 线。绘图代码大致如下所示，本例中的 transform 变量使用 d3-zoom 设置。 instructions.f32 是一个 F
我是一名优秀的程序员,十分优秀！