axisJS, 创建简单交互图形的开源框架

分享于 

3分钟阅读

GitHub

  繁體 雙語
Open-source framework for creating simple interactive graphs
  • 源代码名称:axisJS
  • 源代码网址:http://www.github.com/times/axisJS
  • axisJS源代码文档
  • axisJS源代码下载
  • Git URL:
    git://www.github.com/times/axisJS.git
    Git Clone代码到本地:
    git clone http://www.github.com/times/axisJS
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/times/axisJS
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    AxisJS Build Statuscodecov.ioDocumentation statusJoin the chat at https://gitter.im/times/axisJS

    AxisJS是用于生成图表的轻型 Angular -based应用。 它结合了 AxisWP的WordPress插件,为WordPress添加丰富的图表功能。

    在这里提供收费的 现场演示

    AxisJS是由文书gulp generator生成的,目前使用C3来生成图表。

    AxisJS对 Quartz/ChartBuilder非常感谢,其中大部分的png/svg输出代码都是采用( 除了一些接口设计) 语言编写的。 但是,Axis更可以扩展,并打算用于在线交互图形。

    Bower

    bower install axisjs

    项目目标

    • 使各种D3-based框架易于集成到简单接口中
    • 支持宽的数据输入方法
    • 足够模块化,可以让图表框架更容易被替换
    • 允许直接正向定制和样式化
    • 允许轻松集成到现有的内容管理系统中
    • 允许记者轻松创建可以在广泛 array 设备和媒体上嵌入的图表

    要生成的

    • npm install
    • bower install
    • gulp build

    修改

    源位于 src/ 文件夹中,当你执行 gulp build 时,该文件夹将生成 dist/。 处理这里问题时,运行 gulp serve 以调用在保存文件时自动重新加载页的轻型HTTP服务器。 样式在 src/app/index.scss的Sass中。

    在提交请求之前,请执行一个新的特性分支,并在分叉和。 欢迎请求受欢迎并鼓励。 我特别欢迎任何文档或者单元测试 !

    API文档

    内联文档是ngDoc格式的,在 gulp build 期间生成为 docs。 在这里查看API文档在线

    路线图/todos

    • 将图表配置设置为提供程序,以便 app/scripts/directives/buildchart.jsapp/scripts/directives/exportchart.js C3的绑定不紧密
    • 对单元测试进行的测试
    • buildchart.jsexportchart.js的文档和清理
    • 将每个输出格式抽象为工厂,以便更多地模块化
    • 抽象出供应商功能- 换句话说,使颜色选择器可以替换
    • 创建一个外部配置文件,设置如下颜色方案
    • 改进内联文档
    • 使分类轴更直接向前
    • nvd3 和其他基于svg的图表库创建适配器。
    • Componentise,以便轻松地将它的放到任何CMS或者应用程序中

    贡献者


    INT    framework  Source  开源  交互  
    相关文章