车辆所有权构成图表：外租车辆与自有企业占比分析

本文将介绍一个展示车辆所有权构成的图表，它以饼图的形式直观地展现了外租车辆和自有企业在车辆总数中的占比。

图表配置

option = {
  title: {
    text: '车辆所有权构成（辆）',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  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: 0.326 * 1000, name: '外租车辆' },
        { value: 0.674 * 1000, 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: '总计'
        }
      ]
    }
  ]
};

数据处理

图表中的数据以百分比的形式呈现，例如 32.6% 代表外租车辆占总车辆的 32.6%。为了使图表能够正确地展示这些数据，需要对数据进行处理。首先，将百分比转换为小数，例如 32.6% 转换为 0.326。然后，将小数乘以总计的值，得到对应的数据值。例如，假设总计为 1000 辆，则外租车辆的数值为 0.326 * 1000 = 326 辆。

修改后的数据

data: [
  { value: 0.326 * 1000, name: '外租车辆' },
  { value: 0.674 * 1000, name: '自有企业' }
]

通过这种数据处理方式，可以确保图表能够准确地展示车辆所有权构成的比例关系。