如何在生态系统中建立人口金字塔？

Question

我正在尝试使用echarts (echarts.apache.org)创建一个人口金字塔图。我找不到这样的例子，也找不到该怎么做。图表的值都应该显示为正。图表示例：https://www.internetgeography.net/wp-content/uploads/2019/12/united-kingdom-population-pyramid-2016.gif

我试过使用反向轴条形图，带有负数，但我找不到一种方法将显示的负数破解成正数。

Answer 1

我尝试修改堆栈图，使用负输入值，并将显示改写为正(Math.abs())。

当导入数据时，我乘以-1，所以输出必须是正的.valueFormatter: (value) => Math.abs(value)

修改tooltip.valueFormatter

tooltip: {
  trigger: 'axis',
  axisPointer: {
    type: 'shadow'
  },
  valueFormatter: (value) => Math.abs(value)
}

修改series.label.formatter显示为正的，Math.abs(params.value)也是阳性的。

label: {
  show: true,
  position: 'left',
  formatter: function (params) {
    return Math.abs(params.value);
  }
}

和定制的xAxis.axisLabel.formatter

    xAxis: [
        {
            type: 'value',
            show: true,
            axisLabel: {
              formatter: function (params) {
                  return Math.abs(params);
              }
            }
        }
    ],

示例示例代码与电子图表编辑器