Круговая диаграмма с детализацией не работает


Вот плункер:
http://plnkr.co/edit/S1B9Q9e1yen0QgmKt2ri

var chartConfig = {
  title: {
    text: 'Number of offers by trend'
  },
  subtitle: {
    text: 'My company'
  },
  plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
        format: '{point.name}: {point.y:.1f}%'
      }
    }
  },

  tooltip: {
    headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
    pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
  },
  options: {
    chart: {
      type: 'pie'
    },
    legend: {
      align: 'right',
      x: -70,
      verticalAlign: 'top',
      y: 20,
      floating: true,
      backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
      borderColor: '#CCC',
      borderWidth: 1,
      shadow: false
    },
    tooltip: {
      headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
      pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
    },
    plotOptions: {
      column: {
        stacking: 'normal',
        dataLabels: {
          enabled: true,
          color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
          style: {
            textShadow: '0 0 3px black, 0 0 3px black'
          }
        }
      }
    }
  },
  series: [{
    name: 'Trends',
    colorByPoint: true,
    data: TREND_LIST
  }],
  drilldown: {
    series: NUMBER_OF_OFFERS_BY_TREND
  }
};

пирог тонет в порядке, но я не могу щелкнуть, чтобы развернуть пирог

А это оригинальная скрипка с highcharts.com, я немного изменил ее, чтобы она могла работать с highcharts-ng:
bit.ly/1kOPi7L

Спасибо за помощь


person Fourat    schedule 22.07.2014    source источник
comment
Поддерживает ли highcharts-ng плагин Drilldown.js? (Кстати, включите файл Drilldown.js — он отсутствует) — я вижу, что вы уже создали его на github билет.   -  person Paweł Fus    schedule 22.07.2014
comment
Я сделал, и это поддерживает, ваш комментарий очень помог, спасибо   -  person Fourat    schedule 22.07.2014
comment
Ах да, я совершенно забыл об этом вопросе: 22195266/   -  person Paweł Fus    schedule 22.07.2014


Ответы (1)


Я, наконец, решил это (извините, что должен был ответить на свой вопрос), благодаря поучительному комментарию Павла Фуса :)
Сначала я добавил модуль детализации:

    <script src="http://code.highcharts.com/modules/drilldown.js"></script>

Затем я последовал этому ответу и добавил некоторый код в библиотеку highcharts-ng:
Highcharts-ng с детализация

Наконец, я поместил атрибут детализации под атрибутом option, как указано здесь:
https://github.com/pablojim/highcharts-ng/pull/145

Вот последний рабочий плункер:
http://plnkr.co/edit/S1B9Q9e1yen0QgmKt2ri

person Fourat    schedule 23.07.2014
comment
Вам не нужно вносить какие-либо изменения в плагин: plnkr.co/edit/CsvZGI3rEAjGHg9TdhqM?p=preview - person Pablojim; 09.09.2014