折线统计html,canvas制作简单的HTML图表，折线或者矩形统计(原创)

插件描述：canvas制作简单的HTML图表，折线或者矩形统计使用canvas制作简单的HTML图表，折线或者矩形统计。

使用canvas制作简单的HTML图表，折线或者矩形统计，简单而实用。图形由 Ctable类创建，类我已经写好了(如果有兴趣，可以自己看看源码)，直接引入使用。

注意，这个类文件不依赖任何库(JQuery等)， Ctable.js 文件点此在此。

具体使用方法如下：/*

图表尺寸由 ID 为 ctable 的css 大小控制

//创建实例

var ctb = new Ctable('ctable');

//测试数据

var data_tmp = [

[0, 7, '2019-06', '日', '次', 15, []],

[1, 5, '2019-06', '日', '次', 15, []],

[2, 3, '2019-06', '日', '次', 15, []],

[3, 39, '2019-06', '日', '次', 15, []],

[4, 1, '2019-06', '日', '次', 15, []],

[4, 9, '2019-06', '日', '次', 15, []],

[0, 7, '2019-06', '日', '次', 15, []]

];

$.get('https://www.****.com/api',function(res) {

//api使用

var ar=JSON.parse(res);

console.log(ar);

ctb.setData(ar);

ctb.drawline(1);

})

//设置数据

ctb.setData(data_tmp);

//绘制图形

ctb.drawline(1); //折线图差数 1|true 表示是否创建刻度(坐标系)

//ctb.drawrect(1);//矩形图

//ctb.clear();//清除图表

折线统计html,canvas制作简单的HTML图表，折线或者矩形统计(原创)相关推荐

html根据字段制作曲线图,canvas制作简单的HTML图表，折线或者矩形统计(原创)
插件描述:canvas制作简单的HTML图表,折线或者矩形统计使用canvas制作简单的HTML图表,折线或者矩形统计. 使用canvas制作简单的HTML图表,折线或者矩形统计,简单而实用.图形由 ...
canvas制作简单钟表
之前用html+css+JavaScript实现了一个简单钟表,但还是有一些问题,主要是一些css属性不同浏览器支持效果不一样,所以尝试用 canvas实现了一个简单的钟表,效果在下方,当然了,采用c ...
html语言制作折线图,html5 canvas 实现简单绘制折线图
画图 #divContainer{ margin-top: 20px; text-align: center; } #cv{ width: 300px; height: 200px; border-b ...
canvas制作简单表格
初识canvas,绘制简单表格目的,制作一个可以点击的表格想法: 以每一个小盒子按一定大小排列组成表格,格子的线段采用从顶到底.从左到右的方式绘制整个表格的格子,点击事件以点击时的offsetXY ...
Echarts学习一：制作简单的柱形图、折线图、饼图
具体可以参考官网文档,已经写的很详细了:个性化图表样式 ECharts 提供了丰富的自定义配置选项,并且能够从全局.系列.数据三个层级去设置数据图形的样式.ECharts 中的饼图主要是通过扇形的弧度 ...
HTML5 canvas制作简单的黑板特效
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
ai直线怎么变折线_用Illustrator制作简单的折线图
1文档设置新建一个文档,'将单位设置为px,在高和宽输入600px.点开高级按钮,将颜色模式设置为RGB,栅格效果 screen 72 ppi.将新建对象与网格对齐取消勾选.点击确定. 接下来我们要 ...
使用matlab建立个人简历,HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 .btbg{ text-align:center; } 个人简历姓名性别出生日期照片民族政治面貌婚姻状况现所在地籍贯学历毕业学校专 ...
在html利用canvas蚂蚁,html5 利用canvas实现简单的人物走动
最近在学习html5,其中涉及到很关键的元素canvas-画布,在网上下载了一些游戏源代码,虽然能看懂,但是想单独地针对某个功能提取出来还是有难处的,于是乎自己又上网查找了一些例子,才将超级玛丽简单的 ...
canvas制作钟表
之前用html+css+JavaScript实现了一个简单钟表,但还是有一些问题,主要是一些css属性不同浏览器支持效果不一样,所以尝试用 canvas实现了一个简单的钟表,效果在下方,当然了,采用c ...

折线统计html,canvas制作简单的HTML图表，折线或者矩形统计(原创)

折线统计html,canvas制作简单的HTML图表，折线或者矩形统计(原创)相关推荐

最新文章

热门文章