Google Диаграммы - проблема с расширенной круговой диаграммой при отображении только 1 входного сигнала

#charts #google-visualization

#Диаграммы #google-визуализация

Вопрос:

Я использую 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}
                     ]
                  }
                 ]
                };

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

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

не могли бы вы посоветовать мне, что делать, чтобы решить эту проблему?

Ответ №1:

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

инициализируйте другие параметры…

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

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

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