我在ngular 2中使用的谷歌图表柱形图由ng2-google-charts,我们每5秒获得一个新的实际数据点。图表可以容纳200个数据点。对于我得到的每个新数据点,我将其推送到图表数据。并再次调用图形属性。
喜欢public graphReloadMethod():void {
columnChartOptions = {
chartType: 'ColumnChart',
dataTable: this.items,
options: this.columnChartOptionsJSON
};
}
上面的地方
this.items包含所有Datapoints this.columnChartOptions包含Chart的所有选项。
这里我使用缩放选项(Explorer),对于现有的数据点,它正在变焦,很好。
当我处于缩放状态时,当我获得新数据点时,图表会重置。
当我获得新数据点时,我不想让缩放受到干扰
你们中的任何人都可以帮助我。
关于新数据点的示例示例
JSfiddle:jsfiddle.net/gaddam/tad2z03h/1/