Я недавно обновил свое приложение с angular 8 до angular 9. В angular 8 мои графики работали правильно, и диаграммы отображались следующим образом. Используемая мной библиотека - это старшие графики.
До обновления до angular 9 мой график выглядел следующим образом.
После при обновлении до angular 9 мои графики и настройки цвета перестали работать, и диаграмма стала выглядеть так:
Пройдя по разным форумам, я добрался до знать, что ivy включен по умолчанию в angular 9. Нам нужно отключить его в tsconfig.app. json. Проблема с отображением легенды была исправлена, и легенды начали появляться снова. Настройка, которую я добавил в файл, была такой.
tsconfig.app. json
"angularCompilerOptions": {
"enableIvy": false,
}
После отключения плюща диаграмма начала выглядеть это.
Проблема в том, что настройка цвета, которую я установил в моей серии, все еще не работает. Код указан ниже.
файл app.ts
this.Series = [{
color: '# 0773D7', // blue color
name: 'Chart',
данные: [30,10,30,10,40,20],
}];
this.Legend = ['Прямое финансовое воздействие', 'Окружающая среда', 'Здоровье и безопасность', 'Право', 'Производственные потери', 'Репутация'];