Javascript 带AmChart的jquery滑块

我试图用jquery创建一个延时图滑块，如下所示。这是我用来说明我所面临的问题的最小示例，然而，我的实际绘图包含的数据比这里报告的要多

这里的问题是，当我移动滑块时，底层图形根本没有移动。有人能告诉我我错过了什么固有的部分吗

变量标记=[{ 年份：2003年， 图像：[{ 欧洲：2.5， 美国：2.5 }] }, { 年份：2004年， 图像：[{ 欧洲：3.5， 美国：5.5 }] }] var chart=AmCharts.makeChartDiv{ 类型：串行， 主题：光， 图例：{ useGraphSettings:正确， markerSize:10 }, 数据提供程序：标记[0]。图像， valueAxes：[{ 堆栈类型：常规， }], 图表：[{ 标题：欧洲， 类型：列， valueField：欧洲 }, { 标题：北美， 类型：列， valueField:namerica }], 类别字段：年份， 类别：{ 位置：开始， 位置：左 }, 出口：{ 已启用：true }, 听众：[{ 事件：init， 方法：functione{ $slider，slider{ 分:0,， max:markers.length-1， 创建：函数事件，用户界面{ var数据集=标记[0]； $slider.ui-slider-handle.textdataSet.year； }, 幻灯片：功能事件，用户界面{ var数据集=标记[ui.value]； e、 chart.dataProvider.images=dataSet.images； $ui.handle.textdataSet.year； } }; } }] }; 沙特迪夫{ 高度：400px； } 滑块{ 边缘顶部：20px； } .ui滑块.ui滑块句柄{ 宽度：3.2米！重要； 文本对齐：居中； 左边距：-1.6em！重要； }

---

我已经添加了解决方案

您错过了呼叫e.chart.validateData；数据更改后。因此，图表吸收了新的数据

和，e.chart.dataProvider=dataSet.images；应该是这样的

变量标记=[{ 年份：2003年， 图像：[{ 欧洲：2.5， 美国：2.5 }] }, { 年份：2004年， 图像：[{ 欧洲：3.5， 美国：5.5 }] }] var chart=AmCharts.makeChartDiv{ 类型：串行， 主题：光， 图例：{ useGraphSettings:正确， markerSize:10 }, 数据提供程序：标记[0]。图像， valueAxes：[{ 堆栈类型：常规， }], 图表：[{ 标题：欧洲， 类型：列， valueField：欧洲 }, { 标题：北美， 类型：列， valueField:namerica }], 类别字段：年份， 类别：{ 位置：开始， 位置：左 }, 出口：{ 已启用：true }, 听众：[{ 事件：init， 方法：functione{ $slider，slider{ 分:0,， max:markers.length-1， 创建：函数事件，用户界面{ var数据集=标记[0]； $slider.ui-slider-handle.textdataSet.year； }, 幻灯片：功能事件，用户界面{ var数据集=标记[ui.value]； e、 chart.dataProvider=dataSet.images； e、 chart.validateData； $ui.handle.textdataSet.year； } }; } }] }; 沙特迪夫{ 高度：400px； } 滑块{ 边缘顶部：20px； } .ui滑块.ui滑块句柄{ 宽度：3.2米！重要； 文本对齐：居中； 左边距：-1.6em！重要； }

---

滑块在哪里？@Rohit，滑块应该在绘图窗口的正下方可见