У меня есть странный круг вокруг моей паутины, как я могу это исправить? - PullRequest
Новая
       10

У меня есть странный круг вокруг моей паутины, как я могу это исправить?

1 голос
/ 13 марта 2020

Я создал Паутину в 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"
   }
}

Это мой код для паутины. PS: серия в дополнительной коробке .. (не актуально для моего вопроса)

Ответы [ 2 ]

0 голосов
/ 13 марта 2020

Вы можете удалить круг, установив xAxis.lineWidth в 0. Чтобы повернуть диаграмму, используйте свойство startAngle: 

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

xAxis: {
    ...,
    lineWidth: 0
}

Демонстрационная версия: https://jsfiddle.net/BlackLabel/4ujyt123/1/

Справочник по API:

https://api.highcharts.com/highcharts/xAxis.lineWidth

https://api.highcharts.com/highcharts/pane.startAngle

0 голосов
/ 13 марта 2020

Круг вокруг вашего 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);
}
...