当前位置: 首页 > 知识库问答 >
问题:

$Location无法在AngularJS中使用D3.js工作

冉昊
2023-03-14

这是我第一次面对这个问题,但想不出原因。
我正在使用d3创建一个冰柱图。
有一个click事件正在激发并调用ChangePath()。我看到控制台日志,这意味着我确实有权访问$location.path,但当我尝试设置它时,什么也没有发生:没有新页面,没有错误页面,什么也没有!

var parentCtrl = function($scope,$location){

$scope.makeBSC = function(){

        var changePath = function(el){
          console.log($location.path());
          $location.path(el)
        }
        var width = 405,
            height = 420,
            color = d3.scale.category20c();

        var vis = d3.select("#bscChart").append("svg")
            .attr("width", height)
            .attr("height", width);

        var partition = d3.layout.partition()
            .size([width, height])
            .value(function(d) { return d.size; });

        var json = data;


        vis.data([json]).selectAll("rect")
          .data(partition.nodes)
            .enter().append("rect")
              .attr("y", function(d) { return d.x; })
              .attr("x", function(d) { return d.y; })
              .attr("height", function(d) { return d.dx; })
              .attr("width", function(d) { return d.dy; })
              .attr("class",function(d){
                if(d.isSel) return "rectBlue"
                return "rectGray"
              }).on("click", function(d){
                changePath(d.goTo);
         });
     }
}

共有1个答案

曹和正
2023-03-14

强迫症不会让我把这个问题“打开”。所以,就像groner指出的...嗨,我想你会在这个问题中找到你的问题的答案:AngularJS$location not changing the path

还有一点价值广告。查看这些包装d3的指令http://www.fullscale.co/dangle/

 类似资料:
  • Chrome不使用D3.js选择。在下面的代码中,所有选择都是空的。 如果将替换为,就可以了。

  • 问题内容: 我之所以这么问,是因为有几次,我尝试一起使用该命令,并在调用我的项目的脚本/样式/图像时遇到很多错误。我想可能是我做错了什么,但是您应该遵循某种文件夹结构,以免遇到这些错误吗?还是有一种我不太了解的作品的特定方式? 最近,我想我会在一个非常小的应用程序上尝试。它实际上是一个静态网站,但是我想利用Angular的路由来确保所有页面都可以立即加载。所以我的结构是这样的: 所以我知道这个文件

  • 问题内容: 我正在处理的应用程序包含各种状态(使用ui-router),其中某些状态要求您登录,而其他状态则公开可用。 我创建了一种方法,该方法可以有效地检查用户是否已登录,当前遇到的问题实际上是在必要时重定向到我们的登录页面。应该注意的是,登录页面当前未放置在AngularJS应用中。 console.log会正确显示预期的URL。之后的那一行,我几乎尝试了从$ window.open到wind

  • 本文向大家介绍d3.js 使用D3 js创建SVG元素,包括了d3.js 使用D3 js创建SVG元素的使用技巧和注意事项,需要的朋友参考一下 示例 尽管D3并非专门用于处理SVG元素,但它已广泛用于创建和处理基于SVG的复杂数据可视化。D3提供了许多强大的方法,可帮助轻松创建各种几何SVG结构。 建议首先了解SVG规范的基本概念,然后使用大量的D3 js示例创建可视化效果。 D3 JS范例 SV

  • 本文向大家介绍d3.js 简单用法,包括了d3.js 简单用法的使用技巧和注意事项,需要的朋友参考一下 示例            

  • 问题内容: 我正在尝试使用AngularJS创建我的第一个应用程序。它看起来很整洁,但是有很多抽象,我很好奇是否有人对使用角度方法更新d3js创建的视觉效果的最惯用方式提出建议。 谢谢,bp 问题答案: 为了使Angular和其他框架发挥作用,是使用指令包装“ other”框架。 http://docs.angularjs.org/guide/directive 您要做的是告诉“其他”框架何时更新