Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Изглед: 14060|Отговор: 2

[Ъглова] 【Practice】Angular6.x въвежда учебник за диаграми в echarts

[Копирай линк]
Публикувано в 24.04.2019 г. 15:27:55 ч. | | | |
предговор

Тъй като Angular2+ е разработен с помощта на TypeScript, ако искате да използвате echarts, трябва да инсталирате Angular плъгина NGX-echarts. Визуализациите са както следва:



GitHub адрес:Входът към хиперлинк е видим.
Знания, свързани с echarts, и API:Входът към хиперлинк е видим.

Инсталация

Команда за инсталиране на NPM:

инсталация на npm module_name -S, т.е. инсталация на npm module_name --save write-dependenciesnpm install module_name-D --d, т.е. инсталация на npm 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:

Накрая, стартирай проекта и ще видиш ефекта на ехартската диаграма.






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

Mail To:help@itsvse.com