Добавить зависимость 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';