Javascript 我的蜘蛛网周围有一个奇怪的圆圈，我怎么才能把它修好呢？

我在Highcharts中创建了一个蜘蛛网，但我有一个问题，蜘蛛网周围是一个圆。但我不想拥有它。第二件事是，我想将整个蜘蛛网旋转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"
   }
}

{
“标题”：{
“文本”：“，
“风格”：{
“字体大小”：10，
“fontFamily”：“Arial”
}
},
“图表”：{
“倒装”：假，
“alignTicks”：false，
“极地”：没错，
“类型”：“行”，
“风格”：{
“fontFamily”：“Arial”，
},
“注释”：[{
“形状”：[{
“冲程宽度”：“0px”，
}]
}]  
},
“xAxis”：{
“类别”：[“功率”、“氧气”、“氩”、“氧”、“林”、“LAR”]，
“滴答声”：“开”，
“startOnTick”：没错，
“标签”：{
“启用”：正确，
“fontFamily”：“Arial”，
“startAngle”：0
}
},
“yAxis”：{
“网格线插值”：“多边形”，
“线宽”：0，
“min”：-10，
“最大”：10，
“滴答声间隔”：5，
“标题”：{
“文本”：“，
“风格”：{
“字体大小”：12，
“fontFamily”：“Arial”
}
},
“打印选项”：{
“系列”：{
“线宽”：0，
“pointStart”：0，
“点间隔”：“间隔”
}
},
“工具提示”：{
“共享”：是的，
“点格式”：“{series.name}:${point.y:，.0f}
”
},
“标签”：{
“风格”：{
“字体大小”：12，
“fontFamily”：“Arial”
}
}
},
“系列”：{
“enableMouseTracking”：false，
“数据标签”：{
“已启用”：真
}
},
“传奇”：{
“启用”：正确，
“背景色”：“透明”，
“项目风格”：{
“字体大小”：12，
“fontWeight”：“正常”，
“fontFamily”：“Arial”，
}
},
“响应性”：{
“规则”：[{
“条件”：{
“最大宽度”：500
},
“图表选项”：{
“传奇”：{
“对齐”：“居中”，
“垂直对齐”：“底部”，
“布局”：“水平”
},
“窗格”：{
“大小”：“70%”
}
}
}]
},
“学分”：{
“文本”：“©ROT”
}
}

这是我的蜘蛛网代码。

---

注：该系列在一个额外的框中。…（与我的问题无关）

可以删除蜘蛛网周围的圆圈，请替换以下内容：

 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);
}

---

通过将

xAxis.lineWidth

设置为0，可以删除圆。要旋转图表，请使用

startAngle

属性：

pane: {
    ...,
    startAngle: 30
},

xAxis: {
    ...,
    lineWidth: 0
}

---

现场演示：

API参考：

---

将“linewidth:0”参数添加到xAxis，该参数将删除您的圆圈如何在我的代码中使用此“转换”？您好@BS1010，container是我的主div的id，即我正在应用highchart的父div，您可以使用您的。