看一下Cubism.js数据放入,和js差不多

发布于 2022-09-04 10:01:14 字数 1382 浏览 10 评论 0

一下代码出现的效果图为:图片描述




<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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文