ngx-echarts

npm install echarts @twp0217/ngx-echarts --save

npm install echarts @twp0217/ngx-echarts --save

import { NgxEchartsModule } from '@twp0217/ngx-echarts';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    NgxEchartsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

option = {
  title: {
    text: 'Пример базового использования ECharts'
  },
  tooltip: {},
  legend: {
    data: ['продажи']
  },
  xAxis: {
    data: ["рубашка", "пальто", "блузка", "брюки", "туфли", "носки"]
  },
  yAxis: {},
  series: [{
    name: 'продажи',
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20]
  }]
};

<ngx-echarts [option]="option"></ngx-echarts>
```## API| Название          | Описание                                                         | Тип                                          | Значение по умолчанию  |
 | ----------------- | ------------------------------------------------------------ | --------------------------------------------- | ----------------------- |
 | `[option]`        | Настройки и данные графика                                      | EChartsOption                                | -                       |
 | `[theme]`         | [Применяемая тема](https://echarts.apache.org/ru/api.html#echarts.init)| EChartsTheme                                 | -                       |
 | `[initOpts]`      | [Дополнительные параметры инициализации](https://echarts.apache.org/ru/api.html#echarts.init)| EChartsInitOpts                              | -                       |
 | `[setOptionOpts]` | [Дополнительные параметры установки настроек и данных графика](https://echarts.apache.org/ru/api.html#echartsInstance.setOption)| EChartsSetOptionOpts                         | -                       |
 | `[autoResize]`    | Автоматическое изменение размера графика                           | boolean                                      | `false`                |
 | `[loading]`       | Отображать ли анимацию загрузки                                   | boolean                                      | -                       |
 | `[loadingConfig]` | [Конфигурация анимации загрузки](https://echarts.apache.org/ru/api.html#echartsInstance.showLoading)| EChartsLoadingConfig                         | -                       |
 | `[group]`         | Группировка графиков, используется для [синхронизации](https://echarts.apache.org/ru/api.html#echarts.connect)| string                                        | -                       |
 | `(onChartInit)`   | Коллбэк при инициализации графика                                    | (echartsInstance: EchartsInstance) => void   | -                       |
 | `[onEvents]`      | [События графика](https://echarts.apache.org/ru/api.html#events) | EchartsOnEvents | - | ## Поддержка- Если проект был вам полезен, пожалуйста, оставьте звезду:star:,谢谢。
- 如果您有任何想法、问题或发现项目中的错误，请加入讨论。

---
- Если проект был вам полезен, пожалуйста, оставьте звезду:star:, благодарю.
- Если у вас есть идеи, вопросы или были обнаружены ошибки в проекте, присоединяйтесь к обсуждению.