Добавить зависимость ngx-диаграмм для интеграции комбинированной диаграммы

Question

Я использую angular5 с библиотекой "@swimlane/ngx-charts": "^8.0.0"

Мне нужно добавить библиотеку для использования комбинированной диаграммы, потому что в ngx-диаграммах установка по умолчанию не включает комбинированную диаграмму.

Это демонстрация комбинированных графиков ngx.

Это исходный код комбо-диаграммы.

Мне нужно использовать комбинированную диаграмму в моем проекте.

Пожалуйста, как мне интегрировать комбинированную диаграмму в проект angular5?

Answer 1

Этот пост в обсуждении github объясняет, почему такие компоненты, как комбинированная диаграмма (полезная, но немного более сложная), не включены в библиотеку ngx-charts. Вместо этого эти варианты использования представлены в демонстрационном разделе, где вы можете просмотреть исходный код и окончательный вид.

Насколько я могу судить, лучший способ интегрировать комбо-диаграмму - создать компонент combo-chart.com в вашем собственном проекте и скопировать в него исходный код. Вам нужно будет включить библиотеку ngx-charts и изменить любой импорт, основанный на локальной структуре демонстрации, чтобы он указывал на эту библиотеку.

Например, в combo-chart.component.ts

import { NgxChartsModule, <other imports> } from '../../src';

станет

import { NgxChartsModule, <other imports> } from '@swimlane/ngx-charts';