可以使用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函数会将柱状图的值格式化为百分比和区间频数。将百分比和区间频数分别用换行符分隔开,就可以在柱状图上同时显示这两个值了。

需要注意的是,这个示例中的数据都是手动设置的。实际情况下,需要根据实际数据动态计算百分比和区间频数

echart開發在y軸作為固定區間 的柱狀圖上柱狀上顯示百分比和區間頻數

原文地址: https://www.cveoy.top/t/topic/fHak 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录