echartsで自動的に絶対値をパーセント値に変換します

Question

私はそれに摂食している数値の代わりにパーセント値を持つグラフを作成しようとしています。

は、これが私のチャートである。

自動的割合に棒グラフで数値を変換するオプションがありますか？ （この例では、0〜50,000の範囲があり、0〜100％に変換したいと考えています）。

Answer 1

y軸をパーセンテージで表すことができます。0,10,20 .... 100％ 総数はこの場合合計= 50000でなければなりません。

データを取得し、％as = data/total * 100 と計算し、グラフにプロットします。私はそれが助けて欲しい

Answer 2

パーセントは、(100/maxValue) * valueです。

var max = document.getElementById("max"); 
 
var offset = document.getElementById("offset"); 
 
var output = document.getElementById("output"); 
 
var c = document.getElementById("c").getContext("2d"); 
 

 

 
function getPercentage() { 
 
    var all = parseInt(max.value); 
 
    var off = parseInt(offset.value); 
 
    output.innerHTML = ((100/all) * off) + "%"; 
 

 
    c.fillStyle="#eee"; 
 
    c.fillRect(0, 0, c.canvas.width, c.canvas.height); 
 
    c.fillStyle="red"; 
 
    c.fillRect(25, c.canvas.height, 50, 0 - ((1/all) * off) * c.canvas.height) 
 
} 
 

 
max.onchange = getPercentage; 
 
max.onkeyup = getPercentage; 
 
offset.onchange = getPercentage; 
 
offset.onkeyup = getPercentage; 
 

 
getPercentage()

<label>Max: <input type="number" value="100" id="max"/></label><br> 
 
<label>Offset: <input type="number" value="90" id="offset"/></label> 
 
<p id="output"></p> 
 
<canvas id="c" width="100" height="100"></canvas>