하이 차트 단위 표시 비활성화 방법 없음

Question

This Demo과 같은 하이 차트 - 스파이더 웹을 만들려고하지만 yAxis 값을 업데이트/하드 코딩해야합니다. 또한 색상, 글꼴 및 크기를 스타일러스로 지정해야합니다. 어떻게 나에게 알려주시겠습니까? 기본 단위를 표시하지 않고 차트 만 표시하는 방법이 있습니까?

$(function() { 

    $('#container').highcharts({ 

     chart: { 
      polar: true, 
      type: 'line' 
     }, 

     title: { 
      text: 'Budget vs spending', 
      x: -80 
     }, 

     pane: { 
      size: '80%' 
     }, 

     xAxis: { 
      categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 
        'Information Technology', 'Administration'], 
      tickmarkPlacement: 'on', 
      lineWidth: 0 
     }, 

     yAxis: { 
      gridLineInterpolation: 'polygon', 
      lineWidth: 0, 
      min: 0 
     }, 

     tooltip: { 
      shared: true, 
      pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>' 
     }, 

     legend: { 
      align: 'right', 
      verticalAlign: 'top', 
      y: 70, 
      layout: 'vertical' 
     }, 

     series: [{ 
      name: 'Allocated Budget', 
      data: [43000, 19000, 60000, 35000, 17000, 10000], 
      pointPlacement: 'on' 
     }, { 
      name: 'Actual Spending', 
      data: [50000, 39000, 42000, 31000, 26000, 14000], 
      pointPlacement: 'on' 
     }] 

    }); 
}); 

감사

Answer 1

$(function() { 

$('#container').highcharts({ 

    chart: { 
     polar: true, 
     type: 'line' 
    }, 

    title: { 
     text: 'Budget vs spending', 
     x: -80 
    }, 

    pane: { 
     size: '80%' 
    }, 

    xAxis: { 
     categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 
       'Information Technology', 'Administration'], 
     tickmarkPlacement: 'on', 
     lineWidth: 0 
    }, 

    yAxis: { 
     gridLineInterpolation: 'polygon', 
     lineWidth: 0, 
     min: 0, 
     labels: { 
      formatter: function() { 
      return null; 
      } 
     }, 
     title: { 
      text: '10' 
     },    
    }, 

    tooltip: { 
     shared: true, 
     pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>' 
    }, 

    legend: { 
     align: 'right', 
     verticalAlign: 'top', 
     y: 70, 
     layout: 'vertical' 
    }, 

    series: [{ 
     name: 'Allocated Budget', 
     data: [43000, 19000, 60000, 35000, 17000, 10000], 
     pointPlacement: 'on' 
    }, { 
     name: 'Actual Spending', 
     data: [50000, 39000, 42000, 31000, 26000, 14000], 
     pointPlacement: 'on' 
    }] 

}); 
}); 

당신은 또한 스택 오버플로 색상과 스타일