Echarts在线免费图表

 
            option = {
  backgroundColor: '#161627',
  title: {
    text: 'Basic Radar Chart'
  },
  legend: {
    data: ['Allocated Budget', 'Actual Spending'],
    textStyle: {
      color: '#fff',
      fontSize: 14
    },
  },
  
  radar: {
    shape: 'circle', // 外环的形状（圆形/多边形）
    splitNumber: 5, // 外环圈数
    indicator: [ // 每项指标的最大值设置
      { name: 'Sales', max: 6500 },
      { name: 'Administration', max: 16000 },
      { name: 'Information Technology', max: 30000 },
      { name: 'Customer Support', max: 38000 },
      { name: 'Development', max: 52000 },
      { name: 'Marketing', max: 25000 }
    ],
    splitLine: { // 外环分割线样式
      lineStyle: {
        color: '#45BCE4',
        type: 'dashed'
      }
    },
    splitArea: {
      show: false
    },
    axisLine: { // 坐标轴线样式设置
      lineStyle: {
        color: '#45BCE4'
      }
    },
  },
  series: [
    {
      name: 'Budget vs spending',
      type: 'radar',
      data: [
        {
          value: [4200, 3000, 20000, 35000, 50000, 18000],
          name: 'Allocated Budget',
          itemStyle: { // 多边形线颜色
            color: '#47EB99'
          },
          areaStyle: {
            opacity: 0.5
          }
        },
        {
          value: [5000, 14000, 28000, 26000, 42000, 21000],
          name: 'Actual Spending',
          itemStyle: {
            color: '#47EAEB'
          },
          areaStyle: {
            opacity: 0.5
          }
        }
      ]
    }
  ]
};