2015-03-20 2 views
0

Я новичок в D3 и хочу знать, как обновить следующую таблицу: JSFiddle. Это очень большой код, поэтому я потерялся о том, что делать дальше.Обновить d3.js Радар-диаграмма

Он печатает только «здесь» в консоли.

function update() { 
    console.log("here"); 
    var json = [ 
     [ 
      {"axis":"A","value":0}, 
      {"axis":"B","value":0}, 
      {"axis":"C","value":0}, 
      {"axis":"D","value":0}, 
      {"axis":"E","value":0}, 
      {"axis":"F","value":0}, 
      {"axis":"G","value":0}, 
      {"axis":"H","value":0}, 
      {"axis":"I","value":0} 
     ] 
    ]; 
    drawRadarChart('#chart-radar', wMaior, wMaior); 
}; 
+0

Если вы измените строку 27 с каким-либо другим значением, то вы можете увидеть изменения данных , Но что именно вы хотите сделать? – Raghuveer

+0

Эта переменная является загруженным начальным значением, я хочу нажать кнопку и обновить диаграмму новыми значениями. – rsb2097

+0

нажмите «Запустить» в левой верхней части экрана :) после обновления кода – Raghuveer

ответ

0

Ваши данные хранятся в переменной json, которую вы уже определили. Вы можете сохранить новые данные в этой переменной и обновить диаграмму. Попробуйте изменить обновление функции():

function update() { 
    console.log("here"); 
    json = [ 
     [ 
      {"axis":"A","value":0}, 
      {"axis":"B","value":0}, 
      {"axis":"C","value":0}, 
      {"axis":"D","value":0}, 
      {"axis":"E","value":0}, 
      {"axis":"F","value":0}, 
      {"axis":"G","value":0}, 
      {"axis":"H","value":0}, 
      {"axis":"I","value":0} 
     ] 
    ]; 
    drawRadarChart('#chart-radar', wMaior, wMaior); 
}; 

Таким образом, вы получаете новую пустую таблицу, так как значения 0.

+0

. Уже изменившись на некоторые другие значения, проблема в том, что диаграмма не обновляется новыми значениями! – rsb2097

+0

Вы также поменяли "var teiaJson" на "json"? Посмотрите на следующее [JSFiddle] (http://jsfiddle.net/dssw3w6q/). – nipro

+0

Да, опечатка там, собираюсь редактировать – rsb2097