几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
如何利用dojo制作柱状图
来源：互联网
2023-03-16 23:57:35 169
dojo作为js实现的一种工具包，其中就有图表功能。但是dojo图表资料，网上涉及到较少。前段时间，有人问我有关dojo图的一个问题，我搜索网上的大部分资料，发现dojo图的资料特别少。柱状图是根据柱子展示数据，随着柱子的高度显示趋势。下面将讲述如何制作dojo柱状图，具体步骤如下：
工具/原料
- dojo核心js
- MyEclipse10
- Tomcat7.0.x
- JDK1.7
- CSS
- JavaScript
- 浏览器
- 截图工具
方法/步骤
第一步，实现dojo图表，需要创建Web项目，运行在服务器上；创建一个Java Web项目，在WebRoot目录下新建一个pages文件夹，并在该文件夹下创建JSP页面，修改jsp中的title，如下图所示：
第二步，引入页面主题CSS样式文件以及核心JS，注意根据文件的先后顺序引入，如下图所示：
第三步，在body中添加柱状图容器，并将主题样式类加到body里，设置宽度和高度，如下图所示：
第四步，除了第二步中的js，图形还需要引入其他的js，不过是利用require引入；在引入js同时，编写柱状图数据源
如下图所示：
第五步，启动服务器，在浏览器上预览图形，结果发现js报错，具体报错如下
第六步，柱状图的js是"dojox/charting/plot2d/Columns"，而我用的是"dojox/charting/plot2d/Bars"；并且function(Chart, Default, StackedAreas, Wetland, ready)中用的是StackedAreas，这完全不搭配
现在要修改js
如下图所示：
第七步，重新启动服务器，运行项目，发现这次图形出来了，并且是我们需要的图形，如下图所示：
注意事项
- 注意JS中要保证图形的核心JS一致
- 注意了解dojo图形的规律和如何绑定数据源
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 258 JAVASCRIPT
- 详细阅读