车辆所有权构成分析图表：数据可视化展示

本文将介绍如何使用 ECharts 库绘制一个车辆所有权构成分析图表，并展示如何将数据以百分比形式呈现。

图表代码

option = {
  title: {
    text: '车辆所有权构成（辆）',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    left: 'right',
    top: 'center',
    orient: 'vertical',
    align: 'left',
    formatter: function (name) {
      var value;
      option.series[0].data.forEach((item) => {
        if (item.name === name) {
          value = item.value;
        }
      });
      return `${name}|${(value * 100).toFixed(1)}%`;
    },
  },
  series: [
    {
      name: '车辆所有权构成（辆）',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: false,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 32.6, name: '外租车辆' },
        { value: 67.4, name: '自有企业' }
      ]
    },
    {
      name: '',
      z: -1,
      type: 'gauge',
      radius: '-50%',
      center: [`50%`, `50%`],
      detail: {
        offsetCenter: [0, 20],
        fontSize: 20
      },
      pointer: {
        show: false
      },
      axisTick: {
        show: false
      },
      axisLine: {
        show: false
      },
      splitLine: {
        show: false
      },
      axisLabel: {
        show: false
      },
      data: [
        {
          value: 1000,
          name: '总计'
        }
      ]
    }
  ]
};

解释

图表类型: 此图表使用 ECharts 库中的 pie 类型图表展示车辆所有权构成比例，以及 gauge 类型图表展示总计数量。
数据展示: pie 图表中，data 属性存储了每个类别（外租车辆和自有企业）的比例，用小数表示。gauge 图表中，data 属性存储了总计数量。
百分比显示: 通过设置 legend 的 formatter 属性，我们可以将 pie 图表中数据项的 value 值乘以 100 并保留一位小数，然后添加百分号，从而将其显示为百分比。
代码说明: 代码中注释掉的 legend 部分用于显示图例，其中 formatter 函数用于将图例中的数据项名称和百分比值拼接在一起，最后返回给图例展示。

总结

本文展示了一个使用 ECharts 库绘制车辆所有权构成分析图表的示例，并详细解释了如何将小数数据显示为百分比。希望本文能够帮助您理解如何使用 ECharts 库进行数据可视化，并自定义图表显示方式。

注意:

上述代码仅为示例，您需要根据实际需求修改代码中的数据和配置参数。
ECharts 库提供了丰富的配置选项，您可以参考 ECharts 官方文档了解更多信息。
本文仅展示了一种简单的百分比显示方式，您可以根据需求使用更复杂的格式化方法。