dojo charting

最新推荐文章于 2023-12-25 09:07:18 发布

iteye_3830

最新推荐文章于 2023-12-25 09:07:18 发布

阅读量185

点赞数

分类专栏： dojo 文章标签： Dojo

dojo 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一款自制Dojo 1.20版本中的图表绘制功能，展示了如何通过Dojo库实现自定义的二维图表，并提供了X、Y轴设置及系列数据添加的具体代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=blue][/color][color=blue][/color][size=large]从功能上来说总体还算可以,能满足基本需要.我使用的是1.20([color=blue]自制压缩版[/color]),貌似最新版本内还带有动态Tooltip功能,效果还可以.

[color=blue]以下都为自制1.20DOJO下的dijit.tree[/color]:[/size]
[img]/upload/attachment/123045/8c3d220c-912b-3bb7-ba19-7d7e6798e9e9.jpg[/img]
[color=blue]第一根X,Y轴[/color]


var chartNseJs=new dojox.charting.Chart2D("chartNseDiv");
chartNseJs.addPlot("default", {type: "Lines"});

chartNseJs.addAxis("x", {htmlLabels: false, fixLower: "major", fixUpper: "major", includeZero: true,min: 0, max: 1100,  minorTickStep: 50,majorTickStep: 100});

chartNseJs.addAxis("y", {htmlLabels: false, vertical: true, fixLower: "major", fixUpper: "major",  minorTickStep: 10,majorTickStep: 20, includeZero: true,min: -140, max:0});

chartNseJs.addAxis("other y", {vertical: true, leftBottom: false});
chartNseJs.addSeries("NSE", [], {stroke:{color: "red"},fill: "lightred"});

chartNseJs.render();

[color=blue]第二根X,Y轴[/color]

[img]/upload/attachment/123049/6b89aa85-ca94-302a-ad84-3a6234a69da1.jpg[/img]

一图三线
[img]/upload/attachment/123051/40b256c1-0c6a-3ce2-9d70-81dc56b2155d.jpg[/img]