echart開發在y軸作為固定區間 的柱狀圖上柱狀上顯示百分比和區間頻數
可以使用ECharts的formatter函数来实现在柱状图上同时显示百分比和区间频数。
首先,需要设置y轴的固定区间。可以使用yAxis中的min和max属性来设置y轴的范围:
yAxis: {
type: 'value',
min: 0,
max: 100
}
然后,在series中设置formatter函数来格式化柱状图的标签。在formatter函数中,可以使用params.value来获取柱状图的值。
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
label: {
show: true,
position: 'top',
formatter: function(params) {
var value = params.value;
var percent = (value / 100).toFixed(2) + '%';
var frequency = value;
return percent + '\n' + frequency;
}
}
}]
在这个示例中,formatter函数会将柱状图的值格式化为百分比和区间频数。将百分比和区间频数分别用换行符分隔开,就可以在柱状图上同时显示这两个值了。
需要注意的是,这个示例中的数据都是手动设置的。实际情况下,需要根据实际数据动态计算百分比和区间频数
原文地址: https://www.cveoy.top/t/topic/fHak 著作权归作者所有。请勿转载和采集!