- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title>Graph2d | Basic Example</title>
<style type="text/css">
body, html {
font-family: sans-serif;
}
</style>
<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.15.1/vis.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.15.1/vis.min.js"></script>
<body>
<h2>Graph2d | Basic Example</h2>
<br />
<div id="visualization"></div>
<script type="text/javascript">
var container = document.getElementById('visualization');
var names = ['graph1', 'graph2'];
var groups = new vis.DataSet();
groups.add({
id: 0,
className: '',
options: {
yAxisOrientation: 'left',
drawPoints: {
style: 'point' // square, circle
}
}});
groups.add({
id: 1,
className: '',
options: {
yAxisOrientation: 'right', // right, left
drawPoints: {
style: 'circle' // square, circle
}
}});
var items = [
{x: new Date(1469626499397), y: 110, group: 0},
{x: new Date(1469626499497), y: 125, group: 0},
{x: new Date(1469626499597), y: 130, group: 0},
{x: new Date(1469626499697), y: 210, group: 0},
{x: new Date(1469626499897), y: 115, group: 0},
{x: new Date(1469626499997), y: 130, group: 0},
{x: new Date(1469626499397), y: 1, group: 1},
{x: new Date(1469626499597), y: 2, group: 1},
{x: new Date(1469626499697), y: 3, group: 1},
{x: new Date(1469626499797), y: 10, group: 1},
{x: new Date(1469626499897), y: 15, group: 1},
{x: new Date(1469626499997), y: 10, group: 1}
];
var dataset = new vis.DataSet(items);
var options = {
height:500,
//graphHeight:1500,
drawPoints: true,
dataAxis: {
right: {
range: {min:-1, max:20}
},
left: {
range: {min:100, max:250}
},
icons:true
},
};
var graph2d = new vis.Graph2d(container, dataset, groups, options);
</script>
</body>
</html>
/image/5Ug11.png在图像中,右侧 y 轴未显示小于 5 和大于 12 的网格线。
我在这里面临的问题是右侧 y 轴未正确获取数据范围并隐藏图表,即使右侧数据范围从最小值 1 和最大值 15 开始。
抱歉我的英语不好。
最佳答案
似乎这个问题出现在 vis.js 版本 4.13.0 及以上版本中。双 y 轴在 4.12.0 版本发布中按预期工作。
关于javascript - Vis.js双y轴数据范围问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39464572/
我有一个 vis.js 网络图,其中包含节点之间的多条边,我也尝试使用分层布局对其进行设置。如果我做一个没有分层布局选项的普通图形,那么节点之间会显示多条线,但是,一旦我打开/放置分层布局选项,只绘制
是否可以在组中设置与节点中相同的颜色选项?只有在 icon.color 中将颜色作为字符串传递才有效。但我还想设置悬停 和突出显示 颜色。 我试过以下方法: var options={ group
考虑以下函数: int bar(const int* __restrict x, void g()) { int result = *x; g(); result += *x;
我正在尝试将 vis.js 功能集成到 Oracle Application Express 中,但似乎根本无法使其工作。 如果我单独运行脚本,它会正常工作,但是当我尝试在 APEX 中加载脚本 (v
我是一名 C# 开发人员,受托为我们的一个项目开发 Android native 应用程序,该项目的 C# 逻辑引擎作为 REST 服务公开。当前项目有一个使用 Html5 和 JS 的 Web 版本
我添加了 xType="time"到图表以在 x 轴上显示时间刻度。我只显示 25 秒范围内的数据。目前,x 轴显示的时间格式为 :SS . 所以 x 轴以下列格式显示时间(数据显示每秒): :23,
当 vis.js 在网络节点上时,有没有办法改变鼠标光标?我希望将它们视为节点所代表对象的链接,并被要求将光标更改为“手指”图标以指示可以单击它。 最佳答案 对我来说,它的工作有 3 个步骤 1.如果
我正在使用 vis.js 的二维折线图 ( http://visjs.org/graph2d_examples.html )。有没有办法向数据点添加工具提示,以便当您将鼠标悬停或单击时,您可以在弹出窗
我正在按照 vis 的动态数据集示例进行操作,但在尝试设置边时遇到 typescript 错误。 我只有一个边缘数组,看起来像: edgesArray = [ { from: 1, to: 3 },
我试图在同一页面上使用网络和时间线包(就像我在使用旧的 4.21 版本时所做的那样,它在那里工作),但我无法让它工作。当我向网络提供可见数据集时,它会抛出错误(需要数据集或数组)。如果我删除标题中时间
js 和 angular 在我的网页上显示一些图表。我安装了 npm install vis npm install @type/vis 但我发现两者都有一个名为 DataView 的函数。 我想使用
我使用 vis.js 创建了一个时间线图表。我有很多 vis-box 项目。因为我可以在时间轴上显示非常有限的信息。因此,当用户移动到项目上时,我想显示该项目的详细信息。 我在这个 url http:
如何使用特定日期数组和每个日期的特定标签制作我自己的 x 轴? 像这样的…… 这些是每三周一次,但我的需要是标记每个蓝色组(彩色是事件),每个组都有开始和结束日期 最佳答案 您可以使用格式函数自定义
我有一个由 vis.js 创建的大型网络图,它在浏览器中的宽度为 100% 并且非常高,因此需要向下滚动页面才能看到所有内容 - 我希望我的页面能够像世界上大多数其他网页一样运行 - 但是vis.js
我正在使用 vis.js 来显示节点,并非所有节点都相互连接,但它们如图所示重叠,有没有办法避免这种情况,我浏览了配置选项,但无法寻找。 最佳答案 我建议对物理和布局使用手动配置: configure
是否可以使用visjs在时间轴上绘制折线图? 我想在这里得到类似的东西 http://almende.github.io/chap-links-library/js/timeline/examples
我正在使用 Visjs 并用文本显示矩形节点。有些节点可以有几行文本,因此我添加了一种启发式算法来大致计算出换行符应该在哪里,以避免在非常宽但非常短的节点中出现非常宽的单行文本 block 。 问题是
vis.js 库是 1.6mb,缩小后的文件是 610k,这仍然太大了。将库文件下载到用户机器上需要相当长的时间,尤其是在网络连接速度较慢的情况下。 目前我只使用这个库来构建时间线图,我想知道是否有办
我使用 vis.js 在层次网络图中发现了这种奇怪的布局。如您所见,边缘被弄乱了。任何建议都会很好。谢谢。还是可以通过父节点位置改变排序函数? 图1:当前网络 图2:预期网络 最佳答案 根据 this
我对这个库有问题 vis.js 数据是正确的(图表内部也是正确的),但在视觉上它们没有被正确表示。 例子: 红色节点与蓝色节点有连接。绿色节点与黑色节点有连接 问题:红色节点在绿色节点内部传递到蓝色节
我是一名优秀的程序员,十分优秀!