ampersand-touch-charts:使用触摸或鼠标的可拖动图表

时间:2024-07-16 09:40:11
【文件属性】:

文件名称:ampersand-touch-charts:使用触摸或鼠标的可拖动图表

文件大小:482KB

文件格式:ZIP

更新时间:2024-07-16 09:40:11

CSS

与号触摸图表 一个如何创建带有可拖动条的图表界面的示例。 状态模型处理所有更新,并相应地呈现所有内容。 在 Chrome、Chrome for Android、Firefox 和 IE11 中测试 在我让这个工作之前,有相当多的实验和反复试验。 我首先创建了一个草稿界面,就像。 但这次我也确保构建一个可扩展的模型结构(您可以向样本数据添加更多数据,它也会呈现它)。 技术细节:如何使用此文件夹 警告:您需要了解如何使用 javascript 集成已编译的模板,无论是使用还是使用其他方式。 这个工具箱没有任何类型的纯 html 文件,一切都是从 .jade 模板编译的。 。 您需要有使用 npm 和 common-js 模块的经验。 如果您了解用于创建 css 的 sass/scss,这也是有益的。 请和安装。 确保安装正确版本的指南针: gem 安装指南针 --version 0.


【文件预览】:
ampersand-touch-charts-master
----.gitignore(3KB)
----README.md(3KB)
----config.rb(891B)
----app()
--------views()
--------_sample-data()
--------templates.js(7KB)
--------app.js(1KB)
--------models()
--------templates()
----scss()
--------chart-interface()
--------_body.scss(643B)
--------_helpers.scss(61KB)
--------_global-config.scss(800B)
--------style.scss(195B)
--------global-mixins()
----package.json(646B)
----run-server.js(2KB)
----footage()
--------Slide-02.jpg(103KB)
--------Slide-01.jpg(301KB)
----run-build.js(1KB)
----_build()
--------styles.43ddcbd4.min.css(18KB)
--------app.cde8a037.min.js(116KB)
--------index.html(130B)

网友评论