Блог

ОБНОВЛЕНИЕ -> Вот jsfiffle http://jsfiddle.net/Lx3Xq /

мой мозг здесь как бы застывает. Я пытаюсь добавлять и удалять различные данные из моего объекта highcharts. Я знаю технику, но прямо здесь я не знаю, как пересекать мои данные. Итак, вот мой php-файл, который содержит мои данные (с json)

 $categories = array(
    'Health' => [380,442,472],
    'Mana' => [250,215,220],
    'Attack Damage' => [50,55,47],
    'Armor' => [15,18.5,22],
    'Attack Speed' => [0.67,0.63,0.64],
    'Magic Resist' => [30,30,30],
    'Movement Speed' => [330,330,335]
);
$champions = array('CharacterName1','CharacterName2','CharacterName3');
$graph_data = array('categories'=>$categories, 'champions'=>$champions);

echo json_encode($graph_data);
exit;
  

Затем я создаю свою диаграмму следующим образом

 $.each(data.categories, function(key, value){                       
    var series = {};
    series.name = key;
    series.data = value;                        
    options.series.push(series);    
})

$.each(data.champions, function(key, value){                        
    var categories = [];
    options.xAxis.categories.push(value);
})

var chart = new Highcharts.Chart(options);
  

Никаких проблем, у меня есть ось x с именем моих персонажей и значениями рядов с именами «Здоровье», «Мана» и т.д… в столбчатой диаграмме.
Дело в том, что я хочу добавить или удалить некоторые данные моих символов с помощью флажков. Я создаю флажки

 var mesRadio = document.getElementById('monForm');
var mesCheksBoxes = '';    
for (var i = 0; i < data.champions.length; i  ) {                       
    mesCheksBoxes  = '<label>' data.champions[i] '<input type="checkbox" class="choice" name="choice-' i '" value="' data.champions[i] '"></label>';
};                  
mesRadio.innerHTML = mesCheksBoxes;
  

Это то, что я замораживаю. Я хотел бы отправить данные и название моей серии (категории массива), связанные с именами моих персонажей (чемпионы массива). Но я не знаю, какой метод будет правильным.
Если у кого-то есть какая-то идея и какая-то зацепка, которой я могу следовать, это будет здорово.
Спасибо

Если вы хотите добавить и удалить их, используйте:

• chart.addSeries(series_object)
• chart.series[index_of_series_to_remove].remove() — обратите внимание, что если вы удалите ряд с индексом = 0, то его место займет ряд с индексом = 1. Вместо использования индексов вы можете добавлять к каждой серии id , а затем использовать chart.get(id) , чтобы удалить серию.

Или, может быть, вы просто хотите скрыть ряды из диаграммы? Затем простое использование:

• chart.series[index].hide()
• chart.series[index].show()

Второе решение намного проще.

Примечание: Чтобы скрыть / показать / добавить / удалить ряд, вам необходимо добавить событие в каждый из флажков и в диаграмму обновления обратного вызова.