2016-02-25 5 views
0

Первый раз возиться с HighCharts.js.HighCharts не отображается правильно

Я тяну в .csv и передаю необходимые массивы. Они заполнены и действительны, но диаграммы все еще не отображаются.

function buildChartsUSD(dayLabelsArray, usdSeriesArray) { 
    $('#containerUSD').highcharts({ 
    title: { 
     text: 'USD Daily Close', 
     x: -20 //center 
    }, 
    subtitle: { 
     text: 'The Big Short', 
     x: -20 
    }, 
    xAxis: { 
     categories: dayLabelsArray, 
     labels:{rotation: 90, x:-20} 
    }, 
    yAxis: { 
     title: { 
      text: 'USD' 
     }, 
     format: '{value:.2f}', 
     plotLines: [{ 
      value: 0, 
      width: 1, 
      color: '#808080' 
     }] 
    }, 
    legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle', 
     borderWidth: 0 
    }, 
    series: [{ 
     data: usdSeriesArray, 
     name: 'USD' 

    }] 
}); 
}; 

Y-ось была бы значение, как 204000,83 - данные серии получает «опорные ошибки данных не определены» исключения, хотя массив usdSeriesArray заполняются. Любая помощь приветствуется! Спасибо!

+0

Как выглядит 'usdSeriesArray'? Как выглядит 'dayLabelsArray'? – wergeld

+0

dayLabelArray = ['Feb-24-2016', 'Feb-25-2016', ...] и правильно отображает –

+0

usdSeriesArray = ['142332', '142332.28', ...] –

ответ

0

Как указывалось выше, проблема связана с элементами массива. Они должны были быть числовыми, а не строковыми. Следовательно,

[111, 222, 333, ...] не [ '111', '222', '333', ...]

Глупая ошибка и простой ответ.

Смежные вопросы