Charts 需要一个实际的Dojox图表小部件示例，包括工作文件结构

任何人都能理解这一点：我需要一个Dojox图表小部件的工作示例，充满了文件结构、文件名以及如何启动小部件？我在工作中设置了一个框架，其中包含了可工作的小部件，但我很难理解如何将Dojox图表小部件示例应用到这个系统中。已经花了很多时间和天数尝试了很多教程，这些教程都可以使用演示，然后“查看源代码”——HTML页面可以使用。但是如何在目录中设置文件并运行小部件呢

---

我真的很感激有人的回答，或参考你相信的教程。谢谢你

明白了-在我们的框架内，我从dojotoolkit（.org）获取代码，并将其放入我的两个文件中。我不知道你的系统是如何设置的，但基本上，无论你的widget.js在哪里，都要使用javascript，在一个可以输入要运行的函数的地方。.html代码将放在小部件模板/.html文件所在的任何地方。我将把您的路径/目录留给您。下面是dojox条形图的一个示例，其中“widget.js”和“template.html”文件分别关联了.js和.html：

//.js widget code:

需要([
//需要基本的图表类
“dojox/charting/Chart”，
//需要我们选择的主题
“dojox/charting/themes/MiamiNice”，
//图表插件：
//我们想画专栏
“dojox/charting/plot2d/Columns”，
//我们想用记号笔
“dojox/charting/plot2d/Markers”，
//我们将使用默认的x/y轴
“dojox/charting/axis2d/Default”，
//等待DOM准备就绪
“dojo/domReady！”
]，功能（图表、主题）{
//定义数据[
var chartData=[10000100001000012000120001420014200142001000010000110000]；
//在其“保持”节点内创建图表
var图表=新图表（“图表节点”）；
//设定主题
图表.设置主题（主题）；
//添加唯一/默认绘图
chart.addPlot（“默认值”{
键入：“列”，
马克：是的，
差距：5
});
//添加轴
图.添加轴（“x”）；
chart.addAxis（“y”，{垂直：true，fixLower:“major”，fixUpper:“major”}）；
//添加数据系列
chart.addSeries（“月销售额”，chartData）；
//绘制图表！
chart.render（）；
});

注意！！！：.html代码的==>data dojo attach point=“labelNode”已经将其作为widget.js文件代码的一部分使用，因此您负责将您的“labelNode”与您的widget使用的任何内容相匹配。以下是一些代码，以防您将其与您的设置相匹配：

注意，我的.html模板文件名为Button2.html[因为 最初，我的小部件就像一个按钮，带有onClick 功能。现在，我只显示一个图表，但使用其他方式 相同的小部件代码。注意：我还包括在“定义”列表中，==> “dojox/charting/Chart2D”，虽然现在，当我删除它时，图表 仍然有效。我会让你负责你自己的“定义”列表：）。 我的主要观点是，“_setlabelatr:{node:“labelNode”， 键入：“innerText”}，在widget.js文件中使用“labelNode”， 它对应于.html模板文件

定义([
“dojo/_base/declare”，
“dojo/_基地/事件”，
“dojo/_base/lang”，
“dojo/dom attr”，
“dojo/dom类”，
“dojo/dom风格”，
“dojo/keys”，
“dojo/text！theme/html/Button2.html”，
“dijit/_小部件”，
“dijit/_TemplatedMixin”，
“dijit/_包含”，
“com/tgcs/tcx/gravity/base/JSBeanWidget”，
“dojox/charting/Chart2D”，
“dojo/parser”，
“dojo/ready”，
“dijit/_WidgetBase”]，
函数（声明、事件、lang、domAttr、domClass、domStyle、键、模板、\u小部件、\u模板化、\u包含、JSBeanWidget、Chart2D、解析器、就绪、\u WidgetBase）
{
var module=declare（“嗯，你的小部件文件路径在这里，有句点，以…=>.widget.AssociateInfo Post”结尾，[\u小部件，\u模板化，\u包含，JSBeanWidget，\u WidgetBase]，
{
标签：“，
工具提示：“”，
可见：对，
启用：对，
//templateString:template，
templateString:template，
langType:“活动”，
actionId:“noop”，
isListener:错，
基类：“xcButton”，
_setTooltipAttr:{node:“parentNode”，类型：“attribute”，属性：“title”}，//由_WidgetBase调用
_setLabelAttr:{node:“labelNode”，键入：“innerText”}，

因此，基本上，proper.js代码+proper.html代码允许.js指向.html模板文件，并使用正确的.js代码指向.html文件中的节点，如下所示：“_setLabelAttr:{node:“labelNode”，键入：“innerText”}”-这应该显示在小部件区域中的条形图。我将为您祈祷8D

如果你有反馈或问题，我很乐意尝试回答。d c p a r h a m在gmail c o m