自动将绝对数字转换为echarts中的百分比值

Question

我正在尝试使用百分比值而不是数值的图表。

这是我的图表：

是否可以将条形图中的数字自动转换为百分比？ （在示例中，范围是0到50,000，我希望将其从0％转换为100％）。

Answer 1

y轴的百分比可以为0,10,20...。100％必须有num总数，在这种情况下total = 50000;

现在获取数据并计算％=数据/总计* 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>