javascript - 使用指定的 x 和 y 值更新动态 Dojo 图表

Question

我正在构建一个需要动态更新折线图的网站。为此，我使用了 dojo 库，它提供了实现此目标所需的必要图表功能，完全基于他们网站上提供的这个示例:

http://dojotoolkit.org/documentation/tutorials/1.6/charting_advanced/
http://dojotoolkit.org/documentation/tutorials/1.6/charting_advanced/demo/store-series.html

此示例向我展示了如何使用新的 y 值更新图形并将 x 的值递增 1。我需要的是使用自定义值 (x,y) 更新图表并绘制它，但我找不到执行此操作的方法。我尝试直接在数据存储上强制 x 和 y 的值但没有结果，图表不会加载:

            // Initial data
            var data = [
                // This information, presumably, would come from a database or web service
                { id: 1, x:0, y:20, site: 1 },
                { id: 2, value: 16, site: 1 },
                { id: 3, value: 11, site: 1 },
                { id: 4, value: 18, site: 1 },
                { id: 5, value: 26, site: 1 },
                { id: 6, value: 19, site: 2 },
                { id: 7, value: 20, site: 2 },
                { id: 8, value: 28, site: 2 },
                { id: 9, value: 12, site: 2 },
                { id: 10, value: 4, site: 2 }
            ];


            // Create the data store
            // Store information in a data store on the client side
            var store = dojo.store.Observable(new dojo.store.Memory({
                data: {
                    identifier: "id",
                    label: "Users Online",
                    items: data
                }
            }));

Google 对我帮助不大。如何使用自定义 (x,y) 值对动态更新此数据存储？还有其他方法吗？

最好的问候

Answer 1

假设您使用文本输入更改了一些 (x,y) 值。解决方案非常简单(如果我理解您的问题):

dojo.connect(dijit.byId("someInputElement"), "onChange", 
                 function(){
                            chart.updateSeries("bla bla", new_data).render();
                            //new data is the data store with custom(x,y)
                          });

希望对您有所帮助!