Добавить сообщение о загрузке данных в диаграмму слияния Angular 8

Как я могу отобразить сообщение перед загрузкой данных в диаграмму слияния без использования функции рендеринга на стороне компонента?

Итак, я создал свои диаграммы, используя следующий код:

<fusioncharts width="100%" height="600" [type]="metric.type" [dataSource]="metric"> </fusioncharts>

Здесь я передаю данные диаграммы как JSON в dataSource, поэтому мне не нужны функции рендеринга на стороне компонента, и мои диаграммы работают нормально.

Я прочитал документацию, но не смог найти способ установить dataLoadStartMessage каким-либо образом через JSON.


person user12119806    schedule 09.10.2019    source источник


Ответы (1)


В директиве FusionCharts вы можете вызвать все параметры типа сообщения, например, когда данные загружаются, вы можете использовать атрибут dataEmptyMessage, вот демонстрационный фрагмент

<fusioncharts width="100%" height="600" [type]="metric.type" [dataSource]="metric" dataEmptyMessage="Please wait data is loading"> </fusioncharts>
person Zapdos13    schedule 09.10.2019
comment
Я пытался использовать это, но по-прежнему не отображается сообщение о загрузке. Вместо этого я иногда вижу в верхнем левом углу диаграмму Fusion, которая будет отображаться здесь. - person user12119806; 10.10.2019
comment
Посмотрите этот пример, где данные загружаются из внешнего источника — codesandbox.io/s/angular-md844. Чтобы изменить диаграмму Fusion, отображаемую здесь, используйте атрибут-заполнитель в директиве FusionCharts. Показано в образце - person Zapdos13; 11.10.2019
comment
Следуя вашему образцу, сообщение о загрузке по-прежнему не работает на моей стороне. Атрибут заполнителя работает нормально и изменяет диаграмму Fusion, тем не менее, здесь будет отображаться сообщение. - person user12119806; 22.10.2019
comment
поделиться образцом песочницы, чтобы исследовать его дальше - person Zapdos13; 22.10.2019
comment
Сообщение о загрузке работает только тогда, когда данные извлекаются из API? - person user12119806; 23.10.2019
comment
Нет, существует множество настраиваемых параметров сообщений для различных ситуаций — fusioncharts.com /dev/common-use-cases/change-chart-messages - person Zapdos13; 23.10.2019