26、利用 Ignite UI 进行时间序列图表绘制

利用 Ignite UI 进行时间序列图表绘制

在数据可视化领域，时间序列图表是一种非常重要的工具，它可以帮助我们分析和理解随时间变化的数据趋势。本文将介绍如何使用 Ignite UI 来创建各种类型的时间序列图表，包括添加缩放条、同步图表、使用技术分析工具以及绘制实时数据。

添加缩放条到图表

在某些金融数据可视化场景中，我们可能希望能够对图表进行缩放和平移操作，以便更详细地查看数据。Ignite UI 提供了一个名为 igZoombar 的组件，它可以作为日期范围选择器，让我们能够对时间序列图表进行缩放和平移。

操作步骤如下：
1. 创建缩放条 ：使用以下代码创建缩放条，并将其目标设置为股票价格图表。

$("#zoom").igZoombar({
    width: "660px",
    target: "#chart",
    zoomWindowMinWidth: 1.2
});
$("#zoom").css("margin-left", "24px");

2. 调整缩略图设置 ：默认情况下，克隆的缩略图图表具有主图表的大部分视觉设置，但我们可以对其进行调整，以显示更简单的视觉效果。

$("#zoom").igZoombar("clone").igDataChart({
    subtitle: