Можно ли полностью изменить массив серий в старших чартах? - PullRequest
0 голосов
/ 23 октября 2018

У меня есть требование, когда мне нужно полностью изменить массив рядов на диаграмме,

У меня есть две легенды на моем графике, я хочу загрузить диаграмму с одной отключенной легендой, это работает нормально, теперь, когдапользователь нажимает на отключенную легенду, соответствующие данные должны автоматически добавляться к диаграмме, я пытался сделать то же самое с chart.series.addSeries (), но это вызывает другие проблемы, поскольку новые данные, которые должны быть добавлены, не только послепервая легенда, но она находится между этими легендами

диаграмма Например, при загрузке диаграммы только с серыми легендами оранжевый скрывается или не добавляется вообще при нажатии на легенду оранжевого цвета Iхотите добавить эти данные в этот график, пожалуйста, проверьте диаграмму на изображении, есть ли способ полностью заменить массив рядов.

Что-то вроде

chart.update({
    series:newSeriesArray
});

Я использую гистограмму изhighchart.Заранее спасибо.

1 Ответ

0 голосов
/ 23 октября 2018

У меня есть две легенды на моем графике

У вас есть отдельная легенда для каждой серии или вы имеете в виду элемент легенды для каждой серии?

Высокие диаграммы даютвозможность установить данные для определенной серии - series.setData () метод.Поэтому при инициализации диаграммы вы можете создать пустую серию (серию с именем, цветом и т. Д., Но без массива данных) со свойством visible: false, тогда ваша серия будет скрыта, а элемент легенды отключен:

  {
    name: 'Year 2016',
    data: [],
    visible: false
  }

Когдапользователь щелкает элемент легенды plotOptions.series.events.legendItemClick Будет вызвана функция (если определена).В этой функции вы можете установить данные для этой конкретной серии, используя series.setData(), как указано выше:

  plotOptions: {
    bar: {
      events: {
        legendItemClick: function() {
          if (!this.data.length) {
            this.setData([665, 234, 2344, 123, 23])
          }
        }
      }
    }
  }

Демонстрация: https://jsfiddle.net/wchmiel/uLfcknsb/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...