带标签的MDB角图

时间:2018-09-19 17:46:27

标签: angular charts

对不起,如果问题在其他地方弹出,但我没有找到。因此,我正在使用MDB Angular页面https://mdbootstrap.com/angular/中的图表 到目前为止,这还不错,但是我需要在图表上方添加一些数字。我是Angular和javascript / typescript的初学者,因此欢迎您提供任何帮助。我已经设法从示例中创建了一个简单的图表,它可以工作。但这真是太烦人了,我不得不将鼠标悬停在图表上以查看该值到底有多少

1 个答案:

答案 0 :(得分:0)

编辑:我的回答很悲惨,我有点as愧。即使是新手也不能摆脱它。我基本上根本没有使用数据标签插件。如果您想使用实际的插件本身就非常简单...

导入“ chart-js-datalabels”。

就是这样。

但是,您将需要单独修改每个图表的属性,因为它将在所有图表中使用。

@Lazar基本上已经提到了这一点。有几件事要考虑。但是要弄清楚您可能遇到的一个问题是,MDB不是MDB最初的Chart解决方案。这是ng2-charts的分支,再次是带有打字稿定义的chart.js的分支。我无法说出您真正需要什么,但是我会尽力帮助您。我本人并不是一个伟大的开发人员,但它可能会帮到您。

首先,安装图表数据标签插件...

https://chartjs-plugin-datalabels.netlify.com/installation

至少在我的实现中,除了您希望使用该插件而必须进行注册的事实外,我对实现的要求并不高。

import { Chart } from 'chart.js';
Chart.register... 

我自己有一个非常类似的问题,所以希望您不要介意我将您链接到该问题。我有一些图片和一些示例代码可能适合您。但是,我将发出警告,警告它(可能如此)不是最佳实践的解决方案。

How to use Chart.js plugin data-labels with ng2-chart?

让我知道这是否对您有所帮助!