graph 相关问题

我被困在某件事上，如果有人能帮助我，我将非常感激。我正在使用 HTML 和 JQuery 构建一个简单的图表/图形。我有以下代码： <p>我被困在某件事上，如果有人能帮助我，我将非常感激。</p> <p>我正在使用 HTML 和 JQuery 构建一个简单的图表/图形。</p> <p>我有以下代码：</p> <pre><code><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function() { $(".graph-box .value").each(function() { var num = $(this).html() var iNum = parseInt(num); var eq= $(this).index(); var finalSum = (iNum/1000); alert (finalSum); $(".graph-bar").width (finalSum + "%"); }); }); </script> <style> * {padding:0; margin:0;} .graph-box {border:1px solid #ccc; box-shadow:3px 3px 3px #ccc;} .entry {display:flex;} .name {width:500px; background-color:#ccc;} .graph-bar {box-sizing:border-box; background-color:#ff0000; color:#fff; border-bottom:1px solid #ccc; border:1px solid blue; height:30px;} </style> <body> <div class="graph-box"> <div class="entry"> <div class="name">England</div> <div class="value">817</div> <div class="graph"><div class="graph-bar color-1"></div></div> </div> <div class="entry"> <div class="name">Scotland</div> <div class="value">500</div> <div class="graph"><div class="graph-bar color-1"></div></div> </div> <div class="entry"> <div class="name">Wales</div> <div class="value">250</div> <div class="graph"><div class="graph-bar color-1"></div></div> </div> </div> </code></pre> <p>您可能会看到，JQuery 检查 .value div 并记录内容。然后将其转换为整数。我知道这部分是正确的，并且在我输入警报时可以正常工作。运行时，它会给出 3 个正确的值。然后它应该做的是找到名为“graph-bar”的 div 并根据它创建的整数设置该 div 的宽度。但是，当我运行代码时，所有条形都显示相同的宽度。</p> <p>当所有整数都在一个 div 中时，我已经让这段代码运行良好，所以我怀疑这与“eq”代码有关？如果有人可以让我知道如何解决这个问题，以及最重要的原因，我可以知道未来并再次避免这个问题。</p> <p>感谢有人能给我的任何帮助！</p> </question> <answer tick="false" vote="0"> <p>您的解决方案中缺少两件事：</p> <ol> <li>您需要指定 <pre><code>.graph</code></pre> 类的宽度 <pre><code>.graph {width: 100%;} </code></pre> </li> <li>您应该只更新<strong></strong>当前父节点的<pre><code>.graph</code></pre>： <pre><code>$(document).ready(function() { $(".graph-box .value").each(function(i, elem) { var num = $(this).html() var iNum = parseInt(num); var eq= $(this).index(); var finalSum = (iNum/1000) * 100; // alert (finalSum); $(elem).parent().find(".graph-bar").css("width", finalSum + "%"); }); }); </code></pre> </li> </ol> </answer> </body></html>

html jquery graph charts

回答 0 投票 0

如何在加权邻接列表图上实现深度优先搜索？

我正在对邻接列表中的加权图进行深度优先搜索。我知道技术上的加权在这里不会产生影响，但它会影响我的向量的设置方式，而我不......

c++ graph depth-first-search

回答 1 投票 0

如何在权重邻接列表图上实现深度优先搜索？

我正在对邻接列表中的加权图进行深度优先搜索。我知道技术上的加权在这里不会产生影响，但它会影响我的向量的设置方式，而我不......

c++ graph depth-first-search

回答 1 投票 0

如何处理函数返回的列表中给出的“matplotlib”图表（或者什么是替代函数架构）？

我有一个类似这样的功能。将 numpy 导入为 np 将 matplotlib.pyplot 导入为 plt defplot_from_dave(n = 100, r = 10): 我的列表 = [] 对于范围 (r) 内的 i： ...