Передмова
Оскільки Angular2+ розроблений на TypeScript, якщо ви хочете використовувати ехартс, потрібно встановити плагін Angular NGX-echarts. Зображення такі:
Адреса GitHub:Вхід за гіперпосиланням видно.
Знання, пов'язані з ехарцами, та API:Вхід за гіперпосиланням видно.
Установки
Команда встановлення NPM:
npm install module_name -S, тобто npm install module_name --save write-dependenciesnpm install module_name-D --d, тобто npm install module_name --save-dev записує devDependencies
Введено модуль ngx-echarts
Введіть NgxEchartsModule у кореневому модулі app.modules.ts
Оскільки моя сторінка є підкомпонентом, мені потрібно імпортувати її в підмодуль，Його не потрібно імпортувати в app.modules.ts батьківський модуль, код виглядає так:
Підмодулі не можуть імпортувати компоненти з батьківського модуля, якщо хочете поділитися заголовковим компонентом, імпортуйте його у кожен модуль, який хочете використовувати.
Спільні модулі — це також батьківські модулі, які можуть експортувати дані з дочірніх модулів, ви додаєте те, що потрібно поділитися, у модуль, а потім імпортуєте це в інші модулі
Посилання на посилання:Вхід за гіперпосиланням видно.
Введена itsvse.component.html HTML-сторінка компонентів:
Висота набору таблиці стилів CSS:
itsvse.component.ts код (обидва TS-коди нижче прийнятні)
Метод 1:
Метод 2:
Нарешті, запустіть проєкт, і ви побачите ефект графіка Ехарта.
|
Опубліковано 24.04.2019 15:27:55
|
|
|
|
Орендодавець|
Опубліковано 10.05.2019 10:48:10
|
