代码拉取完成，页面将自动刷新
Apache ECharts component for Angular（基于 Angular 的 Apache ECharts 组件）
npm install echarts @twp0217/ngx-echarts --save
echarts 和 @twp0217/ngx-echarts
npm install echarts @twp0217/ngx-echarts --save
NgxEchartsModule
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>
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
[option] |
图表的配置项和数据 | EChartsOption | - |
[theme] |
应用的主题 | EChartsTheme | - |
[initOpts] |
初始化附加参数 | EChartsInitOpts | - |
[setOptionOpts] |
设置图表的配置项和数据附加参数 | EChartsSetOptionOpts | - |
[autoResize] |
自适应图表 | boolean | false |
[loading] |
是否显示加载动画 | boolean | - |
[loadingConfig] |
加载动画配置 | EChartsLoadingConfig | - |
[group] |
图表的分组，用于联动 | string | - |
(onChartInit) |
图表初始化时的回调 | (echartsInstance: EchartsInstance) => void | - |
[onEvents] |
图表事件 | EchartsOnEvents | - |
，谢谢。此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型