我正在尝试为我正在研究的网络创建某种热图.我想使用一个蜂箱,因为它看起来很花哨,给了我很大的空间利用率.
如果找到这个网站,我想出如何使用纯CSS的六边形.但它依赖于严重的行和偏移量.我的整个UI都是KnockoutJS驱动的,并且在任何给定时间都在网络上拥有动态数量的PC.(主要是码头集装箱上升或下降).
群集可以在1到n + 1个节点之间变化.
我查看了这个网站:CSS Hexagon 并找到了几种管理六边形的解决方案,但它们的动态使用都非常有限.
这是预期的代码:
<div class="panel-body>
{{noescape "<!-- ko foreach: { data: vm.dash().nodes, as: 'node' } -->" }}
<span class="flex-span" data-bind="attr: { 'id': node.id }, css: { up: node.Status == 2, down: node.Status != 2 }">⬢</span>
{{noescape "<!-- /ko -->"}}
</div>
Run Code Online (Sandbox Code Playgroud)
基于此,它将为六边形提供指示向上/向下的颜色
我已经用我的flexbox想法掀起了一个非淘汰的小提琴,但是我并没有真正理解flexbox,所以它显然不起作用:小提琴
#container {
max-width:400px;
max-height:400px;
}
.hex:before {
content: " ";
width: 0; height: 0;
border-bottom: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
position: absolute;
top: -30px; …Run Code Online (Sandbox Code Playgroud)假设我有以下代码:
var date = moment();
var timestamp = date.unix();
var utc_timestamp = moment.utc().unix();
Run Code Online (Sandbox Code Playgroud)
我的理解是,如果你打电话给utc().所有函数都以utc模式返回值.
那么在这种情况下似乎并非如此.
date = {_isAMomentObject: true, _isUTC: false, _locale: r, _d: Thu Mar 24 2016 14:51:35 GMT-0700 (PDT)}
timestamp = 1458856295
utc_timestmap = 1458856295
Run Code Online (Sandbox Code Playgroud)
然而.如果我使用
moment().utc(date.toDate().toUTCString())l
Run Code Online (Sandbox Code Playgroud)
该值似乎是UTC.但它使用"当前又名NOW值"作为utc值和时刻值.
问题是,我如何获得现有时刻的utc时间戳?
我查看了建议的问题,并搜索了但我似乎无法找到正确的解决方案.
编辑//
我有服务器端代码在Golang中生成时间戳.然后通过休息将其发送到我的网络服务器.并转换为MYSQL中的DateTime字段.
当我然后使用时刻生成时间戳,并在我的数据库中查询时刻1和时刻2之间的unix_timestamp(时间戳)时,基于DST,时刻的时间戳正好提前7或8小时.
我已将DateTime字段转换为时间戳.到目前为止还没有工作但可能是我的代码中的另一个问题.