Highcharts с вариантами

Question

Я в настоящее время работает схема с использованием этого:

$.ajax({ 
    type: "GET", 
    url: graphURL, 
    data: "", 
    cache: false, 
    success: function (response) { 
     //alert(response); 
     jsonData = JSON.parse(response); 
     if(jsonData != '' && jsonData != null) { 
      var category = jsonData.XData.split(","); 
      var series = jsonData.YData.split(","); 
      series = $.each(series, function (i, amt) { 
       series[i] = parseFloat(series[i]); 
      }); 
      //Display chart 
      UserChart(series, category, jsonData.YAxisTitle); 
     } 
    } 
}); 

... но это не позволяет мне установить параметры, как если бы я хотел в area диаграмму вместо строки и т.д .. как Я изменить код, чтобы я мог включать в себя что-то вроде следующего, который я вижу во всех примерах:

chart : { 
    renderTo : 'container' 
}, 

rangeSelector : { 
    selected : 1 
}, 

title : { 
    text : 'AAPL Stock Price' 
}, 

series : [{ 
    name : 'AAPL Stock Price', 
    data : data, 
    type : 'area', 
    threshold : null, 
    tooltip : { 
     valueDecimals : 2 
    }, 
    fillColor : { 
     linearGradient : { 
      x1: 0, 
      y1: 0, 
      x2: 0, 
      y2: 1 
     }, 
     stops : [[0, Highcharts.getOptions().colors[0]], [1, 'rgba(0,0,0,0)']] 
    } 
}] 

Answer 1

проблема заключается в том, что series это данные точек серии.
Пробуйте сделать вывод, что перевод осуществлен в печать по адресу UserChart. Как следующее:

var points = jsonData.YData.split(","); 
points = $.each(series, function (i, amt) { 
    points[i] = parseFloat(series[i]); 
}); 

// here you set your serie config 
var serie = { 
    name: 'AAPL Stock Price', 
    type: 'area', 
    data: points, 
    threshold : null, 
    tooltip : { 
     valueDecimals : 2 
    } 
}; 

UserChart(serie, category, jsonData.YAxisTitle); 

Тогда в UserChart вы должны добавить Серию непосредственно к серии диаграммы.

Пример:

var options: { 
    chart : { 
     renderTo : 'container' 
    }, 

    rangeSelector : { 
     selected : 1 
    }, 

    title : { 
     text : 'AAPL Stock Price' 
    }, 

    series : [] 
}; 

function UserChart(serie, category, jsonData.YAxisTitle) { 
    options.series.push(serie); 
    // add your code 
}