条件付きの角の書式設定

Microsoft Excelの条件付き書式設定機能は、カラーバーが最高値との比率を表します。条件付きの角の書式設定

CSSやJavaScriptのいずれかを使用してHTML5でこれを達成するために、とにかくはありますか？または、追加のAngularライブラリを使用することもできます。

私はclip-pathへの使用について考えているが、この機能は、広くすべてのブラウザ

2017-08-21 LxL

ではサポートされない場合がありますがthisを意味しますか？

これは簡単に行うことができます。これは私が期待通りに動作しているよう

elements.forEach((el) => { 
    el.children[0].style.width = 100/(maxValue/parseFloat(el.children[1].textContent)) + '%'; 
});

出典

2017-08-21 22:17:41 Stwosch

：あなたはすべての要素

const elNodes = document.querySelectorAll('.element'); const elements = [...elNodes];

それらの値を取得し、最大値を見つける

const elementsValues = elements.map((el) => parseFloat(el.children[1].textContent)); const maxValue = Math.max(...elementsValues);

が最後に値に基づいて、要素の幅を変更取得する必要がありますChromeでは、Edgeでは 'const要素= [... elNodes];行にエラーが発生し、' SCRIPT5002：Function expected test.html（13,13） 'https://docs.microsoft.com/というエラーが表示されます。 en-us/scripting/javascript/misc/function-expecte d。 '...'はjavascriptで何を意味しますか？ google '...'には本当に難しいです:( – LxL

これは普及している演算子です。つまり、値を持つ配列などがある場合は、スプレッド演算子がすべてを抽出します。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator これはES6で追加された新しい機能で、次のように置き換えることができます： const要素= Array.prototype.slice.call（elNodes）; 結果で同じことがありますこれを行う必要がある理由は、配列ではなくDOMからNode要素を取得するため、配列のように使用するように変換する必要があるからです。 – Stwosch

条件付きの角の書式設定

答えて

関連する問題