Добавление диаграммы Sparkline в Angular 2/SmartAdmin

Question

Я только что загрузил проект SmartAdmin Angular 2, и я пытаюсь добавить объект диаграммы Sparkline на домашнюю страницу. Я добавил следующий срок для дома/home.component.html:

<span data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span> 

Все, что я вижу на домашней странице цифры сами, 3,5,2. Я не вижу круговую диаграмму. Я предполагаю, что мне нужно импортировать какой-то компонент, но я не могу понять, как и где это сделать.

Я нашел очень похожий вопрос, но ответ мне не помог. Этот пользователь использует Angular 1, и кажется, что в Angular 2 нет app.js или app.ts или любого файла с закомментированным модулем app.graphs.

Unable to get sparklines working in AngularJS version of SmartAdmin template

Я очень новый для угловых 2 и веба-разработок в целом, так что я надеюсь, что вы будете иметь со мной.

Answer 1

Оказывается, есть два вопроса:

* любой Спарклайн график должен быть заключен в DIV с директивой saSparklineContainer

* промежуток, содержащий спарклайн должен иметь Класс SPARKLINE

Таким образом,

<span data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span> 

не работает.

<div saSparklineContainer > 
    <span class="sparkline" data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span>    
</div> 

- это то, что мне нужно.