【文件属性】:
文件名称:canvas-chart
文件大小:13KB
文件格式:ZIP
更新时间:2021-06-27 15:35:08
JavaScript
画布图表
作者:贾斯汀·贝内特
###Description:我在跨平台应用程序开发课程中作为作业提交完成了这个。 我们的任务是使用我们的 javascript 印章在 HTML5 画布标签中创建几个图形。 这是一项具有挑战性的任务,因为它需要将每个数据值转换为饼图的一部分,然后再次处理数据以考虑高密度显示。
###这个怎么运作:
一个 javascript 数据对象是动态加载的。
绘制饼图:
循环遍历每个数据元素,
确定绘制的开始和结束角度,
运行条件以检查最小值或最大值,(更改半径值)
在部分中间放置标题的领导者,
将标题放在领导者的末尾
绘制条形图:
绘制轴和网格线,
确定条形和间距大小,(根据记录数等间距)
遍历每个数据元素 -> 绘制条形和标签
这个降价的东西很酷。
JRB
【文件预览】:
canvas-chart-gh-pages
----css()
--------style.css(669B)
----index.html(908B)
----js()
--------cheese.js(423B)
--------main.js(6KB)
----Radians.xlsx(10KB)
----To_Do.txt(60B)
----scss()
--------style.scss(42B)
--------mixins.scss(69B)
--------variables.scss(73B)
----README.md(1KB)