小编Zac*_*chB的帖子

d3更新数据并更新图表

我在d3中有以下简单的行但是没有问题试图弄清楚如何传递data2并更新行以反映更改.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>D3 Line Chart Demo</title>
    <meta charset="utf-8" />    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <link rel="stylesheet" type="text/css" href="style.css">

    <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="d3.min.js" type="text/javascript" charset="utf-8"></script>
  <body>
    <button class="first last" onclick="transition()">
        Update
      </button>
    <div id="chart"></div>
  </body>

  <script>

    var data = [3, 7, 9, 1, 4, 6, 8, 2, 5];
    var data2 = [3, 7, 9, 1, 4, 6, 8, 2, 15];
    var width = 600;
    var height = 400;
    var max = d3.max(data);

    x = d3.scale.linear().domain([0, data.length …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js

35
推荐指数
1
解决办法
4万
查看次数

使用mongoose在mongodb中设置集合的到期时间

以下是可以通过mongo终端设置集合的到期时间(TTL)的命令:

db.log.events.ensureIndex( { "status": 1 }, { expireAfterSeconds: 3600 } )
Run Code Online (Sandbox Code Playgroud)

如何使用mongoose从Node.js中的代码执行此操作?

mongoose mongodb node.js

34
推荐指数
3
解决办法
4万
查看次数

任何好的客户端开源仪表板框架?

我希望构建一个客户端仪表板框架,用户可以在其中创建新的仪表板,添加portlet,沿网格系统定位,调整大小,关闭,....

仪表板外观应该可以用CSS控制.我正在寻找一个商业友好的开源解决方案,用于创建基于d3.js的交互式仪表板系统.

charts open-source dashboard d3.js

33
推荐指数
4
解决办法
5万
查看次数

错误:找不到模块“nan”

我正在开发本机 Node.js 插件并关注nan docs

我将 nan 包含到 binding.gyp 中,例如: "include_dirs" : [ "<!(node -e \"require('nan')\")" ]

nan 也在 npm 依赖项中。

但是当我在另一个节点模块中安装包时,node-gyp 失败并出现错误

> nnb@1.0.2 install /Users/Shopgate/sandbox/stress/node_modules/nnb
> node-gyp rebuild

module.js:338
    throw err;
          ^
Error: Cannot find module 'nan'
    at Function.Module._resolveFilename (module.js:336:15)
    at Function.Module._load (module.js:278:25)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at [eval]:1:1
    at Object.exports.runInThisContext (vm.js:74:17)
    at Object.<anonymous> ([eval]-wrapper:6:22)
    at Module._compile (module.js:460:26)
    at evalScript (node.js:431:25)
    at startup (node.js:90:7)
gyp: Call to 'node -e "require('nan')"' returned exit status 1. while trying …
Run Code Online (Sandbox Code Playgroud)

node.js npm node-gyp node.js-nan node.js-addon

33
推荐指数
4
解决办法
3万
查看次数

GeoJson世界数据库

我正在开发一个项目,需要使用d3.js显示国家和城市的地图.

实际上,D3支持GeoJson格式.通常,我猜,GeoJson格式是从其他格式转换而来的.

我找到了一些有这个GeoJson数据的地方:

http://mbostock.github.com/protovis/ex/countries.js

但是,这只是一个国家列表,我正在寻找一些服务或程序,使我能够设置ID,获取此格式,并将其转换为GeoJson,或更好地在GeoJson中获取它.

谢谢!!

svg geojson d3.js

31
推荐指数
2
解决办法
3万
查看次数

溢出-y不在模态内的safari中工作

好的,这里是html:

<div style="height: 200px; position: relative;"  id="filterOptionsContainer">
                <table id="filterOptionsTable" class="table table-striped table-hover">
                </table>
            </div>
Run Code Online (Sandbox Code Playgroud)

基本上,我动态地向表添加行,我希望容器滚动溢出.首先,我尝试了明显的:

#filterOptionsContainer {
overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)

除了ios移动设备上的Safari之外,其他地方都可以正常工作.

从那时起,我花了几个小时尝试我能想到和阅读的每种风格组合,但我无法获得标准的溢出滚动.我得到的最接近的是滚动条显示(它实际上并没有滚动).

所有帮助表示赞赏.我很难相信在Safari中无法在模态中滚动div的内容...

编辑:仍在这个问题上.我需要解决它.

html javascript css ios

26
推荐指数
3
解决办法
3万
查看次数

D3.js中的一个简单的散点图示例?

我正在寻找一个如何在D3.js中绘制散点图的示例.

通过查看官方D3.js示例(尽管它们令人印象深刻),我无法找到一个简单的例子.我只是想知道如何:

  • 绘制并标记x轴和y轴
  • 在图表上绘制散点图.

我确实在这个D3可重用库中找到了这个例子,但它比我需要的要复杂得多,外部文件使得很难提取基本点.有人能指点我在一个简单的散点图示例开始吗?

非常感谢.

javascript data-visualization d3.js

22
推荐指数
1
解决办法
3万
查看次数

设置图片src属性在Chrome中不起作用

我希望获得src一个图像并按下src时将其设置为另一个图像#btn:

jQuery("#btn").live("click", function() {
    jQuery("#another_div")
        .children("img")
        .attr("src", jQuery(this).prev("img").attr("src"));
    jQuery(this)
        .prev("img")
        .attr("src","");
})
Run Code Online (Sandbox Code Playgroud)

我也尝试过:

jQuery(this).prev('img').removeAttr("src");
Run Code Online (Sandbox Code Playgroud)

它在Firefox,IE7-9和Safari中运行良好.

仅在Chrome中,即使源更改(src=""),也不会删除图像.

jquery google-chrome image

21
推荐指数
1
解决办法
2万
查看次数

D3选择SVG内的元素

我想在D3中创建一些图表.到目前为止爱它,但我有点卡住了.我想创建一个区域来保存数据点,另一个区域来保存轴和标签.我想我会比这更精细,以更高效地更新图表.但我遇到的问题是我似乎无法在SVG中选择子元素.

这是我有的:

var graph = d3.select('#Graph svg')
if (graph[0][0] == null){
    graph = d3.select('#Graph')
        .append("svg:svg")
        .attr("width",width)
        .attr("height",height)
        .attr("class","chart");
}

graph.append("svg:g")
    .attr("id","data")
Run Code Online (Sandbox Code Playgroud)

现在我还没有找到一种方法来选择该数据容器.我试过了

d3.select("#Graph svg data")
Run Code Online (Sandbox Code Playgroud)

但没有运气.有任何想法吗?

javascript svg d3.js

21
推荐指数
1
解决办法
4万
查看次数

VueJS 2 - 如何使用$ emit传递参数

我正在使用VueJS 2处理模态组件.现在,它基本上可以工作 - 我点击一个按钮,模态打开,等等.

我现在要做的是为模态创建一个唯一的名称,并将该按钮与该特定按钮相关联.

这就是我的想法.模态具有唯一的名称属性:

<modal name='myName'>CONTENT</modal>

这将是关联按钮:

<button @click="showModal('myName')"></button>

我需要弄清楚的是如何将showModal的参数传递给模态组件.

这是我在root vue实例中使用的方法(即,不在我的模态组件中):

methods: {
    showModal(name) { this.bus.$emit('showModal'); },
}
Run Code Online (Sandbox Code Playgroud)

我想要做的是访问组件中的name属性 - 如下所示:

created() {
    this.bus.$on('showModal', () => alert(this.name));
}
Run Code Online (Sandbox Code Playgroud)

但这显示为undefined.

那么我做错了什么?如何访问模态组件中的name属性?

注意:如果您想知道this.bus.$ on是什么,请参阅我之前提出的问题的以下答案:https://stackoverflow.com/a/42983494/7477670

javascript vue.js vue-component vuejs2

21
推荐指数
1
解决办法
2万
查看次数