Javascript flot не показывает данные серии

Question

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

Мои ряды данных верны, насколько я могу судить, но это пока не отображается.

JsFiddle: http://jsfiddle.net/9jhpyne4/1/

Код:

var plotData = [ 
    [1, 12.35], 
    [2, 34.6], 
    [3, 56.7], 
    [4, 4.35] 
]; 

$.plot($("#main-chart"), plotData, { 
bars: { 
    show: true, 
    lineWidth: 0, 
    fill: true, 
    fillColor: { 
     colors: [{ 
      opacity: 0.8 
     }, { 
      opacity: 0.1 
     }] 
    } 
} 
}); 

Answer 1

Данные, которые вы передаете для построения функции необходимо иметь некоторые метаданные (например, этикетки и цвета):

var data = [ 
    [1, 12.35], 
    [2, 34.6], 
    [3, 56.7], 
    [4, 4.35] 
]; 
var dataset = [{ label: "a label", data: data, color: "red" }]; 

https://jsfiddle.net/9jhpyne4/3/

Answer 2

консоль выдаст ошибку о вашей # главной диаграммы ширина & высота как недействительные.

Изменение вашей ширины & Высота от процентного до пикселя, похоже, исправлена ​​ошибка.

HTML

<div id="main-chart" style="width:200px;height:200px;"></div> 

Вот ваш обновленный fiddle

Answer 3

Вам нужно указать ширину и высоту.

<div id="main-chart" style="width:200px;height:200px;"></div> 

И Вам нужно немного изменить переменную plotData к:

var plotData = [ 
[[1,0], [1, 12.35]], 
[[2,0], [2, 34.6]], 
[[3,0], [3, 56.7]], 
[[4,0], [4, 4.35]]]; 

Вы можете увидеть полный пример здесь: here