Fiori 的曲线图如何实现的

如下图：

这个是控件Micro Chart

xmlns:viz="sap.viz.ui5.controls"

	<viz:Popover height="40%" id="idPopOver"></viz:Popover>
				<viz:VizFrame id="idVizFrame"
					VizProperties="{ plotArea: { dataLabel: { visible: true }, title: { visible: true, text: {i18n>replication} } } }"
					uiConfig="{applicationSet:'fiori'}" height="30%" width="90%" vizType='line'>
					<viz:dataset>
						<viz.data:FlattenedDataset data="{chartModel_ds>/points}">
							<viz.data:dimensions>
								<viz.data:DimensionDefinition name="Time Axis(30 mins per point)" value="{chartModel_ds>x}"/>
							</viz.data:dimensions>
							<viz.data:measures>
								<viz.data:MeasureDefinition name="All" value="{chartModel_ds>all}"/>
								<viz.data:MeasureDefinition name="Delayed" value="{chartModel_ds>delayed}"/>
							</viz.data:measures>
						</viz.data:FlattenedDataset>
					</viz:dataset>
					<viz:feeds>
						<viz.feeds:FeedItem id='valueAxisFeed2' uid="valueAxis" type="Measure" values="All"/>
						<viz.feeds:FeedItem id='valueAxisFeed' uid="valueAxis" type="Measure" values="Delayed"/>
						<viz.feeds:FeedItem id='categoryAxisFeed' uid="categoryAxis" type="Dimension" values="Time Axis(30 mins per point)"/>
					</viz:feeds>
				</viz:VizFrame>