Highcharts - событие Drill up для переключения отображаемой информации обратно

1

Пожалуйста, рассмотрите эту скрипту - https://jsfiddle.net/prashu421/5Lzskkwg/1/ У меня есть круговая диаграмма, которая сверла вниз в гистограмму, теперь, когда я разверлюсь, я хочу отобразить таблицу, которая работает нормально, если используется только одна статическая таблица.

Тем не менее, я хочу отображать разные таблицы, основанные на разных вариантах выбора пирога. Я имею в виду, скажем, у нас есть пирог с тремя срезами A, B, C и существуют соответствующие гистограммы X, Y, Z и таблицы 1, 2, 3, где X и 1 отображаются при нажатии A, Y и 2 на B, Z и 3 на C

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

Вот код, с которым я сталкиваюсь -

events: {
            drilldown: function(e) {
            if( e.point.name == 'Chrome' ){
                var tableToggle = 1;
                exampleTable1.toggle();
              } else {
                var tableToggle = 2;
                exampleTable2.toggle();
              }
                  },
             drillup: function() {
              if(tableToggle == 1){
                exampleTable1.toggle();
              } else {
                exampleTable2.toggle();
              }
            }
        }

Заранее спасибо.

  • 0
    проверьте это jsfiddle.net/teLuz102 . ошибка консоли -> Uncaught ReferenceError: tableToggle не определен
  • 0
    Я думаю, что это была проблема, теперь она работает нормально, просто пришлось удалить «var» в функциях детализации и детализации, большое спасибо за @Deep
Теги:
charts
highcharts

1 ответ

2
Лучший ответ

Вы можете сослаться на эту скрипку здесь - https://jsfiddle.net/Lyzy0syd/

Замените код кодом ниже,

       events: {
        drilldown: function(e) {
        if( e.point.name == 'Chrome' ){
            tableToggle = 1;
            exampleTable1.toggle();
          } else {
            tableToggle = 2;
            exampleTable2.toggle();
          }
              },
         drillup: function() {
          if(tableToggle == 1){
            exampleTable1.toggle();
          } else {
            exampleTable2.toggle();
          }
        }
    }

Ещё вопросы

Сообщество Overcoder
Наверх
Меню