小编Bhu*_*kar的帖子

我尝试使用d3.js在单个html页面中构建treelist和treemap.我的treelist和treemap在单个页面上运行良好,但我想将它们组合成单个html页面.

我面临的问题是,对于treelist我正在使用d3.js 版本3而对于treemap我正在使用d3.js 版本4.因此,当我尝试将它们嵌入到我的单个页面中时,存在版本冲突(它只显示树形图).

请指导我如何解决版本冲突.

以下是我的d3.js代码版本3(第一个col-md-4)和版本4(col-md-8)

<script src="http://d3js.org/d3.v3.min.js"></script>
<div class="row">
    <div class="col-md-4">
        <div id="treelisttest" style="height:500px;">   </div>

        <script>

                    var id = 0;
                    d3.json("data.json", function (err, data) {

                        var tree = d3.layout.treelist()
                                 .childIndent(10)
                                 .nodeHeight(30);

                        var ul = d3.select("#treelisttest").append("ul").classed("treelist", "true");

                        function render(data, parent) {
                            var nodes = tree.nodes(data),
                                duration = 250;
                            function toggleChildren(d) {

                                if (d.children) {
                                    d._children = d.children;
                                    d.children = null;
                                } else if (d._children) {
                                    d.children = d._children;
                                    d._children = null;
                                }
                            }

                            var nodeEls = ul.selectAll("li.node").data(nodes, function …

我正在开发 AngularJS 应用程序，我想比较文本并突出显示另一个 div 中的差异。下面是我的代码

$scope.left="one two three";
$scope.right="one two four";

<div>{{diff}}</div>

在上面的上下文中，如果我们比较两个作用域的左侧和右侧，我们就会知道 $scope.left 中的“三”是额外的，而 $scope.right 中的“四”是额外的。所以我们需要用红色突出“三”，用绿色突出“四”，这样就很容易找到区别。

有没有我可以使用此功能的插件或库？