Google Charts - проблема с развернутой круговой диаграммой, при которой отображается только 1 вход

Question

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

learnersEngagementCtrl.myChartObject.options = {
                        legend: 'none',
                        colors: ['rgb(100, 190, 35)', 'rgb(227, 71, 35)'],
                        slices: {
                          1: { offset: 0.1 }   
                        }

                    };

и это мой код таблицы данных

learnersEngagementCtrl.myChartObject.data = {
   "cols": [
        { id: "t", label: "Topping", type: "string" },
        { id: "s", label: "Slices", type: "number" }
           ], "rows": [
               {
                 c: [
                      { v: "Engaged users" },
                      { v: learnersEngagementCtrl.NumberOfEngagedUsers }
                     ]
                },

                {
                  c: [
                       { v: "Not Engaged users" },
                       { v: learnersEngagementCtrl.NumberOfUnEngagement}
                     ]
                  }
                 ]
                };

это вывод, когда у меня два входа без проблем

но когда у меня есть на входе .. я сталкиваюсь с проблемой ниже

Подскажите, пожалуйста, что мне делать, чтобы решить эту проблему?

Answer 1

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

инициализировать другие опции ...

learnersEngagementCtrl.myChartObject.options = {
  legend: 'none',
  colors: ['rgb(100, 190, 35)', 'rgb(227, 71, 35)']
};

затем добавьте смещение, если у вас есть оба значения ...

if ((learnersEngagementCtrl.NumberOfEngagedUsers) && (learnersEngagementCtrl.NumberOfUnEngagement)) {
  learnersEngagementCtrl.myChartObject.options.slices = {
    1: { offset: 0.1 }
  };
} else {
  learnersEngagementCtrl.myChartObject.options.slices = null;
}