echarts graph配置项内容和展示

      data = [
 
  {
    name: 'A',
    value: [250, 1000],
    symbol:
          'path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z',
    symbolSize: [120,30],
    itemStyle: {
      color: '#0C6EC6',
    },
 
  },
  {
    name: 'B1',
    value: [0, 750],
    symbol:
          'path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z',
    symbolSize: [120,30],
    itemStyle: {
     color: '#0C6EC6',
    },
  },
  {
    name: 'B2',
    value: [0, 660],
   symbol:
          'path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z',
    symbolSize: [120,30],
    itemStyle: {
       color: '#0C6EC6',
    },
  },
  {
    name: 'C',
    value: [140, 750],
   symbol:
          'path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z',
    symbolSize: [120,30],
    itemStyle: {
       color: '#0C6EC6',
    },
  },
  {
    name: 'D',
    value: [360, 750],
   symbol:
          'path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z',
    symbolSize: [120,30],
    itemStyle: {
       color: '#0C6EC6',
    },
  },
{
    name: 'E',
    value: [500, 750],
   symbol:
          'path://M19.300,3.300 L253.300,3.300 C262.136,3.300 269.300,10.463 269.300,19.300 L269.300,21.300 C269.300,30.137 262.136,37.300 253.300,37.300 L19.300,37.300 C10.463,37.300 3.300,30.137 3.300,21.300 L3.300,19.300 C3.300,10.463 10.463,3.300 19.300,3.300 Z',
    symbolSize: [120,30],
    itemStyle: {
       color: '#0C6EC6',
    },
  },
];
option = {
  xAxis: {
    // min: 0,
    // max: 1000,
    show: false,
    type: 'value',
  },
  yAxis: {
    // min: 0,
    // max: 1000,
    show: false,
    type: 'value',
    borderRadius:50,
  },
  series: [
    {
      type: 'graph',
      coordinateSystem: 'cartesian2d',
      label: {
        show: true,
        position: 'inside', // inside
        // 文字
        color:'#FFF',
        fontFamily: 'Microsoft YaHei',
        fontSize: 14,
        // offset: [0, 40], // 偏移量
        distance: 20, // 距离元素距离
        formatter: function (item) {
          return item.data.name;
        },
      },
 
      
      data: data,
    },
    {
      type: 'lines',
      polyline: true,
      coordinateSystem: 'cartesian2d',
      borderRadius:50,
      lineStyle: {
        type: 'solid',
        width: 4,
        color: '#E8EAEC',
        cap: 'round',
        join: 'round',
    
      },
      data: [
        {
          coords: [
            [220, 1000],
            [220, 900],
            [0, 900],
            [0, 750],
          ],
        },
        {
          coords: [
            [240, 1000],
            [240, 850],
            [140, 850],
            [140, 750],
          ],
        },
        {
          coords: [
            [260, 1000],
            [260, 850],
            [360, 850],
            [360, 750],
          ],
        },
        {
          coords: [
            [280, 1000],
            [280, 900],
            [500, 900],
            [500, 750],
          ],
        },
        {
          coords: [
            [0, 750],
            [0, 660],
          ],
        },
        
      ],
    },
  ],
};