ngx-echarts-for-time-line v1.0.6
传入数据格式 example:data = { title: "血压", baseOptionXaisData: "03:00", "06:00", "09:00", "12:00", "15:00", "18:00", "21:00", baseOptionSeriesData: { name: '收缩压', type: 'line' }, { name: '舒张压', type: 'line' }, optionsData: [ { date: "2017.12.01", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.02", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.03", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.04", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.05", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.06", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.07", data: { data: this.getUpValue() }, { data: this.getLowValue() } }, { date: "2017.12.08", data: { data: this.getUpValue() }, { data: this.getLowValue() } } ] };
1.npm install ngx-echarts-for-time-line
2.import {NgxEchartsForTimeLineComponent} from 'ngx-echarts-for-time-line';
declarations: [
...,
NgxEchartsForTimeLineComponent,
....
]
3.<app-ngx-echarts-for-time-line data="data">