Добавление пользовательских атрибутов ФЛОТ данных

Question

Проблема

Было бы очень удобно, когда я передаю данные в Flot, если я мог бы передать некоторые дополнительные данные, которые я хочу, чтобы получить доступ, когда plotclick событие.

Мои данные

Вот несколько стандартных данных;

[{label: 'first', data: 5, color: '#123'}, 
{ label: 'first', data: 10, color: '#456'}] 

Я хочу иметь возможность делать что-то вроде;

[{label: 'first', data: 5, color: '#123', my_custom_attribute: 'some data'}, 
{ label: 'first', data: 10, color: '#456', my_custom_attribute: 'some more data'}] 

Так что внутри моего plotclick событий я мог бы сделать;

$('chart').bind('plotclick', function(event, pos, item) { 
    console.log(item.series.my_custom_attribute) //Or something to that effect 
}); 

То, что я пытался

Я попытался просто вставив выше, и, глядя на вернувшихся содержание item внутри моего plotclick события, он не появляется, чтобы хранить my_custom_attribute в любом месте.

Я прочитал документацию по адресу https://github.com/flot/flot/blob/master/API.md и не смог просветить какую-либо соответствующую информацию.

Я искал google и здесь для ответов и не смог найти тот, который соответствует моим потребностям.

Update

Благодаря Khawer Zeshan для обеспечения решения, это по-прежнему не работает для меня;

Вот данные, которые я передаю;

[{breakdown: "test", color: "#00A4D3", data: 1.5, label: "History"}, 
{breakdown: "test", color: "#1464F6", data: 0, label: "Geography"}] 

Но атрибут breakdown не появляется на выходе для item.

Все остальное о диаграмме, похоже, работает.

Answer 1

Попробуйте

Если посмотреть вверх по пользовательские данные через оригинал data, который вы использовали при инициализации диаграммы. данные все равно будут там. По какой-то причине данные не могут быть доступны напрямую через item ... похоже, что они удалены.

var data = [ 
{ label: "Series1", data: [[1,1]], myData: "test 1"}, 
{ label: "Series2", data: [[1,1]], myData: "test 2"}, 
{ label: "Series3", data: [[1,1]], myData: "test 3"}, 
{ label: "Series4", data: [[1,1]], myData: "test 4"}, 
{ label: "Series5", data: [[1,1]], myData: "test 5"}, 
{ label: "Series6", data: [[1,5]], myData: "test 6"} 
]; 


$.plot($("#placeholder"), data, { 
    series: { 
     pie: { 
      show: true 
     } 
    }, 
    grid: { 
     hoverable: true, 
     clickable: true 
    } 
}); 



$("#placeholder").bind("plotclick", function (event, pos, item) { 
if (item) { 
     console.log(data[item.seriesIndex]); 
    } 
}); 

Надеюсь, что это поможет!

Answer 2

Вы получили это право. Вы можете использовать пользовательские параметры данных по своему вкусу

data = [{ data:data1, label:"fixed", lines:{show:true}, my_custom_attribute: 'somedata'}]; 

Чем вы можете получить ваши пользовательские данные следующим образом

$("#placeholder").bind("plotclick", function (event, pos, item) { 
     if (item) { 
      alert(item.series.my_custom_attribute); 
     } 
    }); 

FIDDLE

Answer 3

console.log (данные [item.seriesIndex]);

это работает для меня ...

Для новой версии (0.8) пользовательской переменной непосредственно доступного уровня серии как

console.log (item.series.my_custom_attribute);

Но для меньшей версии seriesIndex способ должен работать ..

Хотел Спасибо @Milk Man