Таблица данных переключения HighCharts Cloud - PullRequest
Новая
       20

Таблица данных переключения HighCharts Cloud

0 голосов
/ 28 марта 2019

У меня есть куча диаграмм, показанных на одной странице через код внедрения облака HighCharts.Поскольку данные для каждого графика достаточно велики, страница становится массивной, если пользователь выбирает Просмотр таблицы данных из меню - что у меня хорошо, но я бы предпочел, чтобы пользователь мог переключать таблицусрабатывает по той же кнопке меню.Можно ли как-нибудь сделать это с помощью пользовательского кода?

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

Это то, что у меня есть: 

exporting: {
  buttons: {
    contextButton: {
      enabled: true,
      text: 'Download',
      menuItems: ["printChart",
                "separator",
                "downloadPNG",
                "downloadJPEG",
                "downloadPDF",
                "downloadSVG",
                "separator",
                "downloadCSV",
                "downloadXLS",
                {
                    textKey: 'viewData',
                    text: 'Toggle data table',
                    onclick: function() {
                        this.viewData()
                        }
                }]
    }
  }

1 Ответ

0 голосов
/ 29 марта 2019

Кажется, что Highcharts не предлагает какого-либо метода для сокрытия таблицы данных.Обходной путь должен поместить следующую логику в событие onclick: 

    onclick: function() {
      if (this.dataTableDiv && this.dataTableDiv.style.display !== 'none') {
        this.dataTableDiv.style.display = 'none';
      } else {
        this.viewData();
        this.dataTableDiv.style.display = '';
      }
    }

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/2t1w4pu9/

Облако не включает модуль экспорта данныхв своем редакторе, но сгенерированный inject-скрипт делает.Таким образом, эта функциональность работает вне облака (например, jsfiddle ).

...