看一下Cubism.js数据放入,和js差不多
一下代码出现的效果图为:
<div id="example1"></div>
function random(name) {
var value = 0, //存放每一秒的数据
totalList = [],
i = 0,
last;
return context.metric(function(start, stop, step, callback) {
start = +start, stop = +stop;
if (isNaN(last)) last = start;
while (last < stop) {
last += step;
value = Math.max(-10, Math.min(10, value + .8 * Math.random() - .4 + .2 * Math.cos(i += .2)));;
totalList.push(value);
}
callback(null, totalList);
},name);
}
// 构建新的Cubism
var context = cubism.context()
.serverDelay(300 * 1000)
.clientDelay(0)
.step(1e3) // 时间频率
.size(1050); // 框的长度
var foo = random(""); //名字以及数据(随机的这里)
d3.select("#example1").call(
function(div) {
div.append("div")
.attr("class", "axis")
.call(context.axis()
.orient("top"));
div.selectAll(".horizon")
.data([foo]) //条数
.enter().append("div")
.attr("class", "horizon")
.call(context.horizon().extent([60,60]));
});
因为这些数据都是随机生成的,我怎么用我的数据,替换掉它的。我试过用ajax异步刷新,可是只能刷新div,以上代码都是在js里面,我应该怎么做呢
附带api:https://github.com/square/cub...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论