내 첫 번째 하이 차트

Question

첫 번째 차트를 만들려고합니다. 내 y 축 데이터를 가져 오는 것이지만 데이터 소스에서 내 x 축을 빌드하는 방법을 아직 모르겠습니다. 현재 코드는 값을 하드 코드하지만,이 값은 result [i] .Season에서 가져와야합니다. 여기 내 코드가 있습니다, 누군가 도울 수 있습니까?

var chart; 

$(document).ready(function() { 



    chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'graphcontainer', 
      defaultSeriesType: 'line', 
      events: { 
       load: requestData 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     colors: [ 
      '#c9243f' 
     ], 
     credits: { 
      enabled: false 
     }, 
     title: { 
      text: 'Regular Season Wins', 

      style: { 
       fontWeight: 'normal' 
      } 
     }, 
     xAxis: { 
      categories: [ 
         '92', 
         '93', 
         '94', 
         '09', 
         '10', 
         '11', 
         '12', 
         '13', 
         '14', 
         '15' 
        ], 
      title: { 
       text: 'Season' 
      } 
     }, 
     yAxis: { 
      min: 0, 
      max: 16, 
      tickInterval: 2, 
      title: { 
       text: 'Games Won' 
      } 
     }, 
     tooltip: { 
      formatter: function() { 
       return '' + 
          this.x + ': ' + this.y + ' wins'; 
      } 
     }, 
     series: [{ data: []}] 
    }); 
}); 

function requestData() 
{ 
    $.post('/Gameplan/Team/GetRegularSeasonWins', { strTeam: "Atlanta Falcons", strSeason: "2016" }, function (result) { 

     $.each(result, function (i) { 
      chart.series[0].addPoint(result[i].Wins, false); 
     }); 

     chart.redraw(); 
    }); 
} 

그리고 내 데이터 액세스 다음과 같이

public List<RegularSeasonWins> GetRegularSeasonWins(string strTeam, string strSeason) 
    { 
     List<RegularSeasonWins> lstRegularSeasonWins = new List<RegularSeasonWins>(); 

     lstRegularSeasonWins = (from w in _database.RegularSeasonWins(strTeam, strSeason) 

           select new RegularSeasonWins 
           { 
            Team = w.Team, 
            Coach = w.coach, 
            Season = w.seasonshort, 
            Wins = w.won 
           }).ToList(); 

     return lstRegularSeasonWins;              
    } 

Answer 1

당신은 당신의 코드를 수정하여 시리즈를 설정 할 수 있어야한다 :

function requestData() { 
    $.post('/Gameplan/Team/GetRegularSeasonWins', { 
     strTeam: "Atlanta Falcons", 
     strSeason: "2016" 
    }, function (result) { 

     var categories = []; 
     $.each(result, function (i) { 
      chart.series[0].addPoint(result[i].Wins, false); 

      categories.push(results[i].Season) 
     }); 
     chart.xAxis[0].setCategories(categories); 
     chart.redraw(); 
    }); 
} 

그러나 일반적으로

, 혹시 문제가있는 경우 하이 차트의 경우에는 great documentation이 있으며 JSFiddle 예제와 함께 사용 가능한 모든 구성 옵션과 기능을 설명합니다.