Угловые диаграммы MDB с метками - PullRequest
0 голосов
/ 19 сентября 2018

извините, если вопрос всплыл где-то еще, но я не нашел его.Итак, я использую графики со страницы MDB Angular https://mdbootstrap.com/angular/ Пока это круто, но мне нужно добавить несколько цифр поверх графиков.Я в значительной степени новичок в Angular и javascript / typcript, поэтому любая помощь приветствуется.Мне уже удалось создать простую диаграмму из примера, и она работает.Но это так раздражает, что мне нужно навести курсор на графики, чтобы увидеть, сколько именно стоит

1 Ответ

0 голосов
/ 19 сентября 2018

РЕДАКТИРОВАТЬ: мой ответ так трагически неправильно, мне немного стыдно.Даже то, что ты новичок, от этого не отнимает.Я вообще не использовал плагин меток данных вообще.Если вы хотите использовать сам плагин, это очень просто ...

import 'chart-js-datalabels'.

Вот и все.

Однако вам нужно будет индивидуально изменить атрибуты для каждого графика, так как он будет использоваться на всех ваших графиках.

@ Лазарь уже упоминал об этом.Есть несколько вещей, чтобы рассмотреть.Но чтобы прояснить одну проблему, которая может у вас возникнуть, это то, что MDB не является оригинальным решением Chart от MDB.Это ветвь ng2-диаграмм, которая опять-таки является веткой chart.js с определениями машинописи.Я не могу сказать, что именно вам нужно, но я постараюсь помочь как можно лучше.Я сам не большой разработчик, но это может вам помочь.

Сначала установите плагин меток данных диаграммы ...

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

Впо крайней мере, в моей реализации мне не потребовалось намного больше с точки зрения реализации, за исключением того факта, что если вы хотите использовать плагин, вы должны зарегистрировать его.

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

У меня был очень похожий вопросЯ надеюсь, что вы не против, чтобы я связал вас с этим.У меня есть несколько изображений и пример кода, который может сработать для вас.Тем не менее, я выдам предупреждение о том, что это, скорее всего, не будет лучшим решением.

Как использовать метки данных плагина Chart.js с диаграммой ng2?

Дайте мне знать, если это как-то вам помогло!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...