Изменить диаграмму seris на теге div с данными из URL

Question

Я разрабатываю график, и мне нужно изменить атрибут тега div. У меня нет доступа ко всему коду, поэтому я застрял в использовании JS, без PHP (по-моему, мне это не нужно).

У меня есть следующий DIV:

<div data-serie-data="[4.0,4.0,3.0,4.0,3.0]" id="chartContainer"> 

Я хочу, чтобы заменить-SERIE-данных данных с тем, что я извлечь из следующей функции JS:

$.getJSON('*url*', function(data) { 
    document.write(data.data); 
}); 

Результат от этого:

[5.0,2.0,6.0,1.0,4.0] 

Как заменить текущие данные на этот результат?

Я пытался делать это так:

$.getJSON('*url*', function(data) { 
    document.getElementById("chartContainer").setAttribute("data-serie-data", data.data); 
}); 

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

Что я делаю неправильно?

Answer 1

использовать следующие

$.getJSON('*url*', function(data) { 
    $('#chartContainer').attr("data-series-data", data.data); 
}); 

если data.data не работает просто использовать данные

Answer 2

Вы должны использовать метод jQuery.attr().

Попробуйте это:

$.getJSON('*url*', function(data) { 
    $('#chartContainer').attr('data-serie-data', data.data) 
}); 

Вот jsfiddle demo.