Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Вид: 14060|Ответ: 2

[Угловат] 【Practice】Angular6.x вводит учебник по диаграмме echarts

[Скопировать ссылку]
Опубликовано 24.04.2019 15:27:55 | | | |
предисловие

Поскольку 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 writes devDependencies


Введён модуль ngx-echarts

Введите модуль NgxEchartsModule в корневом модуле app.modules.ts

Поскольку моя страница — это подкомпонент, мне нужно импортировать её в подмодульИмпорт не обязательно должен быть импортирован в app.modules.ts родительский модуль, код следующий:

Подмодули не могут импортировать компоненты из родительского модуля, если вы хотите делить заголовочный компонент, импортируйте заголовочный компонент в каждый нужный модуль.
Общие модули — это также родительские модули, которые могут экспортировать данные из дочерних модулей, вы добавляете то, что нужно для общения, в модуль, а затем импортируете это в другие модули

Ссылки на ссылки:Вход по гиперссылке виден.


Введена itsvse.component.html HTML-страница компонентов:

Высота набора таблицы стилей CSS:

itsvse.component.ts код (оба TS-кода ниже допустимы)

Метод 1:

Метод 2:

Наконец, запустите проект, и вы увидите эффект диаграммы эхарта.






Предыдущий:Angular6 представляет учебник по карте Baidu
Следующий:Docker на практике
 Хозяин| Опубликовано 10.05.2019 10:48:10 |
 Хозяин| Опубликовано 10.05.2019 16:25:17 |
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.

Mail To:help@itsvse.com