javascript - 海图蜘蛛网圈？

我在Highcharts中创建了Spiderweb，但问题是，围绕Spiderweb的是一个圆圈。但是我不想拥有它。第二件事是，我想将整个SPiderweb旋转30度，但我不知道如何。

{
   "title":{
      "text":"",
      "style":{
         "fontSize":10,
         "fontFamily":"Arial"
      }
   },
   "chart":{
      "inverted":false,
     "alignTicks":false,
      "polar":true,
      "type":"line",
      "style": {
            "fontFamily": "Arial",
        },
      "annotations":[{
        "shapes":[{
          "strokeWidth":"0px",
        }]
      }]
   },

   "xAxis":{
      "categories":["Power","O2", "AR","LOX","LIN","LAR"],
      "tickmarkPlacement":"on",
      "startOnTick":true,
      "labels":{
         "enabled":true,
         "fontFamily":"Arial",
         "startAngle":0
      }
   },
   "yAxis":{
      "gridLineInterpolation":"polygon",
      "lineWidth":0,
      "min":-10,
      "max":10,
      "tickInterval":5,
      "title":{
         "text":"",
         "style":{
            "fontSize":12,
            "fontFamily":"Arial"
         }
      },
      "plotOptions":{
        "series":{
          "LineWidth":0,
          "pointStart":0,
          "pointInterval":"interval"
        }
      },
      "tooltip":{
        "shared":true,
        "pointFormat":"<span style='color:{series.color}'>{series.name}: <b>${point.y:,.0f}</b><br/>"
      },
      "labels":{
         "style":{
            "fontSize":12,
            "fontFamily":"Arial"
         }
      }
   },
      "series":{
         "enableMouseTracking":false,
         "dataLabels":{
            "enabled":true
         }
      },
   "legend":{
      "enabled":true,
      "backgroundColor":"transparent",
      "itemStyle":{
         "fontSize":12,
         "fontWeight":"normal",
         "fontFamily":"Arial",
      }
   },
   "responsive":{
     "rules":[{
       "condition":{
         "maxWidth":500
       },
       "chartOptions":{
         "legend":{
           "align":"center",
           "verticalAlign":"bottom",
           "layout":"horizontal"
         },
         "pane":{
           "size":"70%"
         }
       }
     }]
   },
   "credits":{
      "text":"© ROT"
   }
}

那是我的蜘蛛网代码。
PS：该系列放在一个额外的盒子里。（与我的问题无关）

最佳答案

可以删除SpiderWeb周围的圆圈，请在下面替换：

 xAxis: {
   categories:["Power","O2", "AR","LOX","LIN","LAR"],
   tickmarkPlacement: 'on',
   startOnTick:true,
   labels:{
     enabled:true,
     fontFamily:"Arial",
     startAngle:0
   },
   lineWidth: 0
 },

不幸的是，Highcharts没有实现“轮换”选项。目前，您只能使用CSS旋转：

#container {
  transform: rotate(90deg);
}