html5图表数据，html做图表

怎么用html5上做个滑动尺表,则显示数据,,如下图这样的

1、创建两个html文件，一个test一个test2。打开test页面，在里面创建一个div，并给其添加onmousedown与move方法。打开后我们发现是一个棕绿的页面。定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。

2、区域选择输入元素使用输入框类似的标签input type=range /，支持一般的数值属性，及其min和max，用来限制区域，step用来设置滑动中数值增量。缺省为1。你可以使用JS/jQuery来修改这些属性，也可以使用onchange事件来监听变化。

3、新建一个空白的project，如下图所示。

4、首先在电脑中，找到并打开Origin软件，进入主界面。分别输入X和Y轴数据。然后选择X和Y轴数据进行绘图，选择下方线图标进行绘图。接着在绘制好的图像左边工具栏图示，再选择Mask Points on Active Plot。

相关问答

Q1: 如何用FineReport开发html5图表

准备数据 在制作图表前，需要先定义图表的数据来源。在上面的图表制作流程中提到数据来源有两种类型，数据集数据源和单元格数据源，本章节使用数据集作为数据源，如果需要使用单元格数据源，可查看定义图表单元格数据源。

首先你要准备好数据，数据的来源可以是 数据集 数据源和单元格数据源，单元格数据源要求你已经做好模板。然后点击插入图表，有单元格图表与悬浮图表两种类型。

具体如下： 第一步，在电脑上打开FineReport报表工具进入如图所示的软件首页，在软件中新建一个文档，然后插入一个如图所示的饼图模板。

联动：普通报表中单元格或图表无法直接与单元格实现联动，表单却可以实现报表块或图表块与报表块的联动。

双击打开FineReport报表设计工具，新建一个数据库查询，使用S订单表产生查询SQL语句。打开新建的数据库查询，依次将需要字段拖到普通报表上，添加报表表头。设置完毕之后，保存文件并在浏览器中预览报表效果。

可以用FineReport。FineReport的图表就是html5图表技术实现的，图表功能比较强大，参数传递灵活，且有移动版，最关键的是，完全符合楼主的开发量少的要求！刚刚特地去官网确认了一下，FineReport的基本理念就是零代码。

Q2: HTML5中如何绘制图表?

// 绘制一个具有图表背景的图片后再根据要绘制的曲线图各个点在canvas是中的坐标绘制直线。

设置conf.php我们要做的第一件事是设置变量SCRIPTPATH到conf.php文件的PhpChart类库。该变量代表了在你的Web服务器上的phpChart库的相对或绝对URL。

准备数据 在制作图表前，需要先定义图表的数据来源。在上面的图表制作流程中提到数据来源有两种类型，数据集数据源和单元格数据源，本章节使用数据集作为数据源，如果需要使用单元格数据源，可查看定义图表单元格数据源。

数据准备 在制作图表前，需要先定义图表的数据来源。新建工作簿，添加数据集，SQL语句为SELECT*FROM[销量]，使用销量表作为图表的数据来源。

html5图表数据的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html做图表、html5图表数据的信息别忘了在本站进行查找喔。