在点线图d3上绘制点(在流星中做这件事) 您所在的位置:网站首页 spss线图绘制 在点线图d3上绘制点(在流星中做这件事)

在点线图d3上绘制点(在流星中做这件事)

2023-03-14 22:22| 来源: 网络整理| 查看: 265

更新:所以,我能够正确地获取数据到我的cx/cy数据(吐出正确的值),但元素给了我一个错误的NaN。在点线图d3上绘制点(在流星中做这件事)

所以我得到的只具半径3个元素。

原帖:

我有一个关于在D3线图上呈现点的问题。我会尽力给出相关代码的每一部分(以及稍微复杂一些的数据结构)。

所以,目前,1个黑点呈现在我的图表的左上角,但在其他地方。它看起来像我得到3常量当我console.log cx和cy返回函数。我究竟做错了什么?

城市是目前,返回3个对象的阵列。

每个对象具有以下结构:

Object { name: 'string', values: array[objects] }

值阵列如下:

objects { Index: number, Time: date in a particular format }

好。相关代码时间:

var points = svg.selectAll('dot') .data(cities); console.log('Points is :', points) points .enter().append('circle') // .data(function(d) {console.log("data d is :", d); return d}) .data(cities) .attr('cx', function(d) { return x(new Date(d.values.forEach(function(c) { console.log("cx is: ", c.Time); return c.Time; })))}) .attr('cy', function(d) { return y(d.values.forEach(function(c) { console.log("cy is: ", c.Index) return c.Index; })) }) .attr('r', dotRadius()); points.exit().remove(); // points.attr('class', function(d,i) { return 'point point-' + i }); d3.transition(points) .attr('cx', function(d) { return x(new Date(d.values.forEach(function(c) { console.log("cx is: ", c.Time); return c.Time; })))}) .attr('cy', function(d) { return y(d.values.forEach(function(c) { console.log("cy is: ", c.Index) return c.Index; })) }) .attr('r', dotRadius())

来源

2016-02-28 Tulun



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有