Wavemaker 使用 MouseZoomAndPan答案

【问题标题】：Wavemaker using MouseZoomAndPanWavemaker 使用 MouseZoomAndPan
【发布时间】：2013-05-02 13:23:38
【问题描述】：

在 wavemaker 中，有一个显示带有道场图表的图表的应用程序，一些图表有很多数据所以图表被压缩所以我环顾四周发现我们可以添加缩放和平移，在网络链接上找到了一个示例：http://informatik.fh-brandenburg.de/~porebskk/dojo.html

我查看了源代码，看起来我只需要将它添加到我的代码中

dojo.require("dojox.charting.action2d.MouseZoomAndPan");

然后在渲染图表之前调用它

new dojox.charting.action2d.MouseZoomAndPan(chart, "default");

我的问题是我的源代码有这个 dojo.require("dojox.charting.action2d.MouseZoomAndPan");

并运行应用程序，我得到“页面主要错误”，我的应用程序不再工作

如果我这样做了，那么我的应用程序就会恢复活力 //dojo.require("dojox.charting.action2d.MouseZoomAndPan");

我创建了一个新的应用程序，我只在主页顶部有这个并得到再次出现错误 dojo.require("dojox.charting.action2d.MouseZoomAndPan");

在 wavemaker 调试器中我得到“错误解析页面/Main/Main.js”

【问题讨论】：

标签： charts zooming panning wavemaker

【解决方案1】：

我使用的是 AMD 样式，但这可能会对您有所帮助。我能够通过您的链接找到丢失的部分。

Dojo 工具包有一些 slightly incorrect code here (MouseZoomAndPan section)，但它会给你我下面的代码，这就是为什么我在 MouseZoomAndPan(...); 之后注释掉代码的原因

define(["dojox/charting/themes/Claro", "dojox/charting/Chart", "dojox/charting/axis2d/Default"
    , "dojox/charting/plot2d/Lines", "dojox/charting/action2d/MouseZoomAndPan"],
function (claro, Chart, Default, Lines, MouseZoomAndPan) {
    return {
        createZoomableChart: function () {
            "use strict";
            var chart = new Chart("mouseZoom");
            chart.addAxis("x", { type: Default, enableCache: true })
                .addAxis("y", { vertical: true })
                .addPlot("default", { type: Lines, enableCache: true })
                .addSeries("Series A", [1, 2, 2, 3, 4, 8, 6, 7, 5]);
            var mzap = new MouseZoomAndPan(chart, "default");//, { axis: "x", "none" });
            chart.render();
        },
        init: function() {
            this.createZoomableChart();
        }
    };
});

【讨论】：