0

我刚刚加载了 SmartAdmin 的 Angular 2 种子项目,我正在尝试将 Sparkline 饼图对象添加到主页。我将以下跨度添加到 home/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 模块的文件。

无法让迷你图在 AngularJS 版本的 SmartAdmin 模板中工作

我对 Angular 2 和 Web 开发非常陌生,所以我希望你能忍受我。

4

1 回答 1

0

结果发现有两个问题:

*任何迷你图都需要包含在一个带有指令 saSparklineContainer 的 div 中

*包含迷你图的跨度必须具有类迷你图

所以,

<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>

是我需要的。

于 2017-02-21T22:05:55.597 回答