Vis.js有一个很棒的、可定制的时间线。它很容易使用，但文档和一些变量和选项的命名有点.不透明。特别是，我正在研究horizontalScroll选项。
这是一个。我完全不清楚horizontalScroll选项应该做什么。那里没有水平滚动条(在OSX上的Chrome中)。在我的测试项目中，如果我将它设置为true或false，这没有什么区别:时间线总是可以水平拖动，并且当它被设置为true时不会出现滚动条。
我之所以问这个问题，是因为我需要一个时间线上的水平滚动条，它定义了最小和最大日期。去年的这个问题没有得到任何答案()。也许现在有人知道的更多了，或者可以告诉我在horizontalSc
浏览 0提问于2017-01-26得票数 0
回答已采纳
如何创建水平时间线？通过示例，我创建了自己的垂直时间线，但我无法将其转换为水平时间线。
<style>
.container {
background:none;
width:80%;
margin:0 auto;
overflow:auto;
padding:2%;
}
.right-content, .left-content {
float:left;
display:block;
width:40%;
padding:1% 2%;
}
.left-content {
border-right:1
浏览 17提问于2017-02-07得票数 0
回答已采纳
我想添加一个叠加的图表，但找不到一种方法，以自定义时间轴。
目前，我的x轴指的是天数，但是，我寻找一种显示年份的方法.因为我想要一个随时间变化的堆叠图表，我相信我需要使用“时间堆栈图”(见截图)。我也会很高兴只是几个堆叠的酒吧相邻(每条代表一年)，但“条形图”只支持一个酒吧(我相信)。
我的模型在一年的最后一天从不同的来源收集数据，然后我的图表应该显示按源分类的该年的值。我尝试使用不同的数据集，时间是水平值，而不是水平值。
当我使用一个值为“getYear()”的数据集(通过()函数)时，这对于情节很好，但是当我想要一个堆叠的图表(默认情况下取决于时间)时，这是很好的。
有解决办法吗？如果您需
浏览 2提问于2022-09-16得票数 0
回答已采纳
1回答
下面是一个D3和Dimple.js代码，图表显示所有对象。然而，这些缺口并没有改变，它们显示出的确实很薄。
当我更改属性barGap时，它根本不影响图表。我正在将图像插入底部.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
path.dimple-series-2.dimple-line.dimple-all{
background-color:"green";
}
path.dimple-series-0.di
浏览 1提问于2015-01-28得票数 0
回答已采纳
首先要做的是。我非常喜欢GSAP和他们的Scrolltrigger。一切正常，但不幸的是，当用户调整浏览器窗口大小时，我基于滚动在x轴上移动的对象不会更新。
X值基于我写的公式。
以下是后来使用matchMedia滚动触发器在主时间线中添加的函数的一部分：
var seoShowBenefitsTl = gsap.timeline();
seoShowBenefitsTl.addLabel("first Benefit")
.to(".anim-screen-item-0", {opacity: 0, duration: 0.5}
浏览 11提问于2021-10-14得票数 0
1回答
如何动态调整时间线高度？
、、、
如何动态调整vis.js时间线高度的大小？我想在用户折叠其他面板时增加高度，但似乎没有任何关于这方面的文档。我尝试过$(container).height('500px')和$(various_visjs_elements).height('500px')，但它们都不起作用。
浏览 4提问于2018-08-02得票数 1
1回答
无法停止可移动时间线
、、、
我正在使用vis.js的时间表，它对我来说工作得很好。但是我无法停止移动时间轴.i已经尝试了那个对我不起作用的可移动配置选项，有人能建议我如何停止移动时间轴吗?我只想修复我的时间轴刻度。例如，只有120分钟。
var options = {
autoResize:false,
moveable:false,
orientation: 'top',
};
var timeline = new vis.Timeline(container, items, options);
浏览 7提问于2014-03-05得票数 0
我正在尝试把一个垂直滚动条到一个动态TextField在闪存CS4。当我在场景1中这样做时，一切都运行得很好。但是，如果我将TextField+Scrollbar移到场景2，它就会断开。当我运行代码时，我得到的错误指示Flash正在立即加载滚动条，然后尝试查找关联的TextField。问题是，由于TextField在到达场景2之前不会加载，Flash会抛出一个错误。
我尝试了很多方法来解决这个问题。最主要的问题是，我需要在actionscript中创建TextField和滚动条(而不是从组件库)，这样我就可以控制它们的创建时间。要创建TextField，我键入：
//create a text
浏览 0提问于2009-11-12得票数 0
我们在Google / app上部署了一个Node应用程序。该应用程序刚刚开始报告一个IO错误：
Error: EIO: i/o error, read
at .Object.readSync ( fs.js:617 )
at .tryReadSync ( fs.js:382 )
at .Object.readFileSync ( fs.js:411 )
at Object.Module._extensions..js ( internal/modules/cjs/loader.js:1112 )
...
下面是我要做的事：
重启App实例/服务器Del
浏览 5提问于2022-04-28得票数 1
回答已采纳
我正在使用passport.js让用户登录。
我想知道是否有可能在他们的社交媒体账户上创建一个指向他们个人资料的链接？
例如，当使用Facebook登录时，我可以获得一个ID，但链接https://www.facebook.com/profile.php?id=__ID__不起作用。
也许这根本不可能，因为一些Facebook用户可能会隐藏他们的Facebook个人资料，即使他们使用自己的账户登录其他网站。
浏览 3提问于2016-08-15得票数 1
回答已采纳
1回答
如何格式化出现在AG-网格图的轴上的标签？我有大量的时间序列数据，所以我期望用户经常在水平轴为日期的情况下生成图表。不幸的是，这会产生无法读懂的图表标签，因为日期没有格式化(见附件图像)--这些标签看起来像“清华09年1月9日00:00:00 GMT+0000 (格林尼治标准时间)”，而我想要的只是" 2020 -01- 09“。我在网格中的日期看起来很好，这要归功于日期的valueFormatter。
对于用户来说，使用日期生成枢轴表也很常见。这对标签也会产生同样糟糕的结果，但我发现我可以使用"processSecondaryColGroupDef“来格式化列标题中出现的日期
浏览 2提问于2020-01-09得票数 0
在加载DOM之后大约有80ms，在CSS / JS开始加载之前，我不知道发生了什么。我很乐意与你分享我的.HAR文件，但不知道在哪里附加文件。
浏览 1提问于2013-10-14得票数 0
我正在使用Chart.js绘制一些图形，以便在浏览器中可视化。因此，我编写了一个.js文件，并将其加载到html代码中。我收到了一些奇怪的问题，我完全不明白。
以下加载JS文件的顺序工作正常，没有任何错误：
<script src="assets/js/plugins/line_chart/moment.min.js"></script>
<script src="assets/js/plugins/line_chart/Chart.min.js"></script>
<script src="ass
浏览 0提问于2019-11-21得票数 2
回答已采纳
1回答
可以将水平滚动条绑定到时间轴上吗？我需要为visjs时间线实现一个水平滚动条。当时间线被拖动时，滚动条应该会自动更新，当我滚动时间线时，时间线应该会平滑地移动。
也许我可以使用moveRight和MoveLeft来模拟这种行为？
浏览 0提问于2016-04-20得票数 2
在看过他们的之后，关于这方面的信息很少。
我基本上想在图表的开头和结尾显示一个完整的蜡烛图，而不是现有的半条线(水平显示半条线)。我可以选择调整我的JSON数据并添加一个假数量，但如果我可以使用charts.js可能提供的现有选项来管理这一点，则更好。
下面是显示图表的代码：
var candleCount = 60;
var data = getRandomData('April 01 2017', candleCount);
// Candlestick
var ctx = document.getElementById("chart1").getCont
浏览 2提问于2018-07-30得票数 2
1回答
我有一个谷歌表与一些数据，我需要图表。水平轴应该是日期列表。不过，当我绘制图表时，插入的日期不是数据集的一部分。例如：
📷
📷
我已经玩了很长一段时间了，我不知道如何让它使用我的实际标题作为轴，而不是插入日期不存在。
任何帮助都将不胜感激。
浏览 0提问于2015-05-06得票数 3
回答已采纳
有谁能解释一下为什么Chrome (版本78.0.3904.97)不支持flexbox css在网页中居中显示Twitter时间轴？
使用Twitter生成的代码将Twitter时间轴嵌入到网页中，我发现在Chrome中尝试将时间轴居中是不可能的。它在Safari中工作得很好。
/* html snippet */
<div class="twt">
<a class="twitter-timeline" data-width="640" data-height="860" href="ht
浏览 15提问于2019-11-18得票数 0
2回答
Twitter有很好的嵌入式时间线，但是我似乎只能通过复制粘贴twitter提供的小部件代码才能让它工作：
<a class="twitter-timeline" data-widget-id="SOME_WIDGET_ID">Tweets about XXXXX</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src
浏览 1提问于2013-02-10得票数 3
根据客户的项目范围，我想要数据的简单甘特图或水平范围条形图，为此，我研究了jquery库，但我没有得到任何种类的库。
对于更多的想法，我附上截图。
浏览 3提问于2016-04-07得票数 0
我有index.js，这是一个没有类的javascript文件，它使用RenderDOM呈现组件时间线并使用数据初始化一些数组，index.js有一个函数playSound()，我将playSound作为时间线的道具发送，但它返回错误this.props.playSound不是一个函数。
对于不同的函数名，即"playSound()“，它可以工作，但对于”onPlayFrames“，它不能被识别为timeline.jsx上的函数
我像这样发送道具：(index.js)
function onPlayFrames(arg){
// Code to play a sound wit
浏览 1提问于2019-05-05得票数 1
我是TweenMax.js的新手，我在这里尝试动画元素的不透明度和位置。我想使元素在0.5秒内出现，而元素的水平移动应该在2秒内完成。
这就是我到目前为止所取得的成就。
var tl = new TimelineMax();
tl.to('.elem', 2,{autoAlpha:1,x:0,ease:Power4.easeInOut});
我尝试过这段代码，但是水平运动动画只在不透明动画之后才开始。
var tl = new TimelineMax();
tl.to('.elem', 2, {x:0,ease:Power4.easeInOut})
.to(&
浏览 0提问于2020-02-05得票数 2
回答已采纳
2回答
我快要发疯了。我有闪光CS3，我想把我的动画导出为电影。然而，我的动画是在剪辑中，并且我的剪辑在时间线上。由于某些原因，它只导出剪辑的第一帧。
浏览 0提问于2010-09-28得票数 0
回答已采纳
我正在尝试用Anime.js制作一个物体的动画。它有一个打开的动画(旋转)，播放一次，然后它应该有一个不同的旋转动画，无限循环。我将这两个动画放在一个时间线中，但它不会循环第二个动画。
Javascript：
var tl = anime.timeline({
easing: 'easeOutExpo',
targets: '.fles',
});
tl
.add({
rotate: 20,
duration: 750,
loop: false,
})
.add({
duration: 6000,
loop: true
浏览 72提问于2020-06-03得票数 1
1回答
我试图绘制第二精度的时间序列，格式为HH:mm:ss (24小时/天)，如中所述。
问题是，我声明的格式没有得到尊重，我尝试了几个来自的组合，但它们都没有起作用。
Vue.component('line-chart', {
extends: VueChartJs.Line,
mixins: [VueChartJs.mixins.reactiveProp],
props: ['chartData', 'timeFormat'],
data() {
return {
options: {
ani
浏览 0提问于2019-04-12得票数 8
回答已采纳
1回答
当我只有一两个数据点时，酒窝js会重复相同的刻度。我怎么能让它不那么做呢？
示例
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.1.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
浏览 2提问于2015-01-30得票数 1
回答已采纳
如果主时间线只有1帧，有什么办法可以确定为什么长度为10帧的"Graphics“库对象中的动画不能播放？当相同的项目更改为"MovieClip“时，无论帧的数量如何，它都可以正常播放！
浏览 3提问于2012-02-10得票数 0
回答已采纳
12回答
我正在寻找jquery时间线插件，在水平轴上的年份。
我以前就见过这样的情况。我找不到它。确实搜索了jquery时间线插件。
浏览 1提问于2011-03-21得票数 12
回答已采纳
2回答
我是D3新手，实际上我正在尝试条形图的水平平移选项。我已经尝试了下面的，在那里水平平移效果很好，但我看到了一些问题。由于我想限制对图形中特定边界内的数据进行平移(不想水平平移到无穷大)，请帮助我解决这个问题。网上有没有可用的工作示例？谢谢。
JS代码：
var data = [
{"date":"2011-12-31","num":5},
{"date":"2012-01-05","num":10},
{"date":"2012-0
浏览 0提问于2013-04-08得票数 1
回答已采纳
我对JavaScript还很陌生，更不用说图表了。如果您能帮助我完成以下工作，我将不胜感激。我浏览了许多JavaScript图表库和示例，但没有看到任何解决我的问题的方法：
我需要创建动态堆叠条形图，如所附图片所示。横轴是时间轴。图表应该随着时间以及x轴上的时间标记向左滚动。每个水平堆叠的条形在Y轴上用于不同的项目。在y轴上会有很多项。栏的每个部分都将包含文本，如下所示。动态地接收关于每个部分及其文本的信息。
谢谢!
浏览 1提问于2015-10-07得票数 1
我设置了一个类似时间轴的内容滚动条，在5年之间做一个水平滑块。
我想在他们之间添加一个快照。这是可行的，尽管现在我看不到动画从一个滑动到另一个。如何同时拥有点之间滚动的动画和捕捉。
这是我的jQuery代码片段：
//build slider
var scrollbar = $( ".scroll-bar" ).slider({
value: 10,
min: 0,
max: 100,
step: 25,
slide: function( event, ui ) {
浏览 0提问于2011-10-03得票数 1
回答已采纳
请帮我在酒窝js中绘制分组条形图。
我必须画一个图形，其中x轴是timeAxis，y轴是measureAxis。
当他们这样做的时候，我已经看到了很多代码片段。但是，使用x轴作为timeAxis时，我无法做到这一点。
任何帮助都将不胜感激。
浏览 0提问于2015-10-13得票数 0
我正在使用下面看到的Twitter的timeline小工具，我想将tweet的数量限制在5。默认情况下是20。这个嵌入的网站是为使用屏幕阅读器的视障人士准备的。屏幕阅读器被困在小工具中，用户被迫通过Tab键浏览所有20条tweet才能出来。twitter的文档中没有关于更改数字的说明。我会对使用其他代码持开放态度。谢谢!
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/myprofile" data-widget-id="3007449998
浏览 3提问于2013-02-21得票数 15
在vis.js中，如果您在没有堆叠的情况下分组显示数据，那么最后一个组比其他组高5 5px。似乎没有一个明显的方法来改变这一点:这不是一个设计项目的问题，因为由于某种原因，行本身就更高了。我如何使所有的行都保持相同的高度？
示例：
浏览 3提问于2021-11-16得票数 0
回答已采纳
我使用chaps链接库创建了时间线图表，现在开始使用vis.js。我面临着以下问题。感谢在获取它的地址方面的任何指示1)在chaps链接库中有显示导航按钮的选项，我不能使用vis.js将其带到图表上。
2)在时间线图表上选择一项如何获取与item.In chaps链接库相关的数据时，我能够使用timeline.getData()方法获取数据，并从中获取选择所需的数据。有没有api可以让我得到所选项目的数据？
浏览 5提问于2015-06-04得票数 0
是否可以将回调添加到VisJS时间轴的setSelection函数中？
原因-当时间线图表为我选择该元素时，我想为该元素添加特定的操作。
例如，我想在图表上出现(显示) .vis-item块时将一些js函数绑定到它。
我该怎么做呢？
浏览 2提问于2017-05-23得票数 0
1回答
有没有一种方法可以使用类似于Plottable.js的解决方案的Plotly.js创建时间轴？ 示例here。 我计划迁移到Plotly.js，但我真的很喜欢这种时间轴的演示，因为我必须绘制大量的时间序列，如果能用plotly实现类似的效果就太好了。
浏览 30提问于2019-02-05得票数 1
我有一个由多个层组成的MovieClip，其中一个层是一个动画背景形状。让我们用实例名为“mcBackground”的背景形状来调用这个MyMovieClip；
我通过以下方式将ActionScript中的MovieClip添加到舞台：
var myMovieClip = new MyMovieClip();
addChild(myMovieClip);
这样可以很好地工作，当影片剪辑添加到舞台上时，它会按预期播放(背景正在移动)。
问题是，当我尝试将colorTransform应用于背景形状时，它停止了移动。我在MyMovieClip类中这样做：
var ct:ColorTransform
浏览 1提问于2009-12-02得票数 1
回答已采纳
1回答
我对酒窝处理日期的方式感到非常困惑(或者可能只是D3)。
我的问题可以分为两个问题：
我的日期以%Y-%m-%d %H:%M:%S格式出现在csv文件中。为了将它们转换为date对象，我目前使用了与"vanilla“d3中相同的循环。
Data.forEach(函数(d) { var格式= d3.time.format("%Y-%m-%d %H:%M:%S")；d.Date = format.parse(d.Date)；}；
有更快的方法吗？也许是用？还是？我可能错了，但这些功能看起来像是处理约会的帮手。
我想控制时间对象的主要原因是能够重新格式化它们。文档似乎
浏览 1提问于2013-11-25得票数 1
回答已采纳
我为我的Highcharts.js series对象提供了包含日期和数字的数据，例如：["2017-1-22",262]，它在悬停一个点时正确显示，但在xAxis中不能正确显示。下面的代码没有做太多事情，可能是因为日期格式不是Highcharts所期望的？但是预期的格式是什么呢？Unixtime似乎不起作用。
xAxis: {
type: 'datetime'
}
浏览 0提问于2018-01-17得票数 0
2回答
我有这样的代码：
import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.events.*;
var timeline:TimelineMax = new TimelineMax({yoyo:true,repeat:1});
var timeline2:TimelineMax = new TimelineMax({repeat:0,delay:12});
timeline.appendMultiple([
TweenLite.from(crno_mc, .2, {x:-450,ease:Cu
浏览 1提问于2012-08-02得票数 2
回答已采纳
1回答
如下图所示：
12 AM / 12 PM / 12 AM是水平标签的粗体。如何使所有的标签都不加黑体？我在他们的文档中没有看到一个选项：。
下面是jsfiddle中的一个例子：
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="timeline" style="height: 180px;"></div>
google.char
浏览 0提问于2018-09-26得票数 1
回答已采纳
单击特定按钮后，我想移动到下一帧。尝试放入stop()；方法，但它显示错误，结果只是交替显示两个帧。
这是我的代码。
//the error says call to a possibly undefined method stop.
//i'm using adobe flash cc.
stop();
public function main ():void {
enter_button.buttonMode = true;
enter_button.addEventListener(MouseEvent.MOUSE_
浏览 0提问于2015-06-20得票数 0
我正在尝试在考勤卡上创建图表，可以在谷歌眼镜上显示。怎样做才是最好的方式呢？我尝试使用d3.js，但不确定如何集成库。
如有任何帮助，将不胜感激
浏览 1提问于2013-07-30得票数 1
如果使用相同的sourceItemId插入两个时间线项，则镜像api将创建第二个时间线项，并且不会自动更新第一个时间线项。我必须在插入后存储镜像api timeline id，并在创建时将其映射到sourceItemId，然后使用更新或修补程序修改该项目，这是正确的吗？其他人如何维护镜像数据和应用程序数据之间的一致性？
浏览 0提问于2013-06-08得票数 2
回答已采纳
我需要更好地理解kinetic.js动画。我使用的是教程found 。我使用代码并将我的动画设置为x位置100的矩形。我的问题是如何使矩形的移动有一个平滑的过渡.我无法理解html5canvastutorials.com上kinetic.js动画的解释。这是我的代码。
var stage = new Kinetic.Stage({
container: 'container',
width: 960,
height: 480
});
var layer = new Kinetic.Layer();
var block = new Kinetic.Rec
浏览 0提问于2013-05-18得票数 1
回答已采纳
我必须使用JavaScript的D3和dimple库来创建折线图。Y轴表示日射表的测量值(例如: 530)，X轴表示该测量值的时刻(过去24小时)。(示例: Tue Dec 31 17:40:00 CET 2013)此图表为动态图表。我获取数据库的数据，每5分钟刷新一次图表。
我有这个问题:在X轴上有太多的数据，而我不能在X轴上观察任何东西。这是我的图表的图片：
我需要重新组织X轴的数据。我只需要每4个小时打个勾。X轴必须是这样的：
因此，我必须更改X轴的格式，并在过去24小时中每4小时打勾一次。此外，我必须将日期放在下面。
你知道我该怎么做吗？
这是我的图表的代码：
va
浏览 1提问于2014-01-02得票数 0
1回答
当我使用Flash时，我是一个完全的新手，但我希望创建一个类似于线到文本动画的动画：
而不是从屏幕的顶部运行，我希望这条线在我的主页上水平延伸。
我已经创建了一个动画gif来完成这项工作，但它需要很长时间才能延伸到974像素的宽度，如果帧减少了，它就会失去任何平滑效果。我在photoshop中简单地创建了20个左右的帧，每个帧将线条的大小增加60像素，直到覆盖整个页面。
在Flash中创建效果会更好吗？如果是这样的话，我到底从哪里开始！补间能做到这一点吗?我该如何实现它呢？
提前感谢您的帮助！
浏览 2提问于2011-05-19得票数 0
回答已采纳
我正在尝试链接一个层及其子层的动画。然而，我遇到的问题是，在上层的动画中，子层位置的模型更新在视觉上是显而易见的。下面是我用来链接动画的代码：
// Superlayer.
CFTimeInterval now = [self.artworkContainer.layer convertTime:CACurrentMediaTime() fromLayer:nil];
CABasicAnimation *slideDown = [CABasicAnimation animationWithKeyPath:@"position"];
slideDown.duration = S
浏览 0提问于2012-10-16得票数 0
回答已采纳
2回答
我正在试图弄清楚如何才能做出与Google plus时间轴视图类似的布局。在时间轴上滚动时会有一个动画，我真的很喜欢它。你知道怎么做吗？
浏览 0提问于2012-08-24得票数 11
回答已采纳
在我的网站上，我和Chart.js有个问题。当Chrome中的应用程序语言设置为英语时，图表将正确显示，但当我将浏览器语言改为另一种语言(例如挪威语)时，x轴和工具提示标签都显示undefined而不是正确的日期。
您可以在这里看到预览页面：
有人知道是什么原因造成的吗？
图形不正确显示：
图形正确显示：
浏览 5提问于2019-09-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
