oro/flotr2

该包已被弃用且不再维护。未建议替代包。
该包的最新版本（1.0.0）没有可用的许可证信息。

维护者

详细信息

github.com/oroinc/flotr2

源代码

问题

安装: 2

依赖项: 0

建议者: 0

安全性: 0

星标: 1

关注者: 11

分支: 0

开放性问题: 0

语言:JavaScript

类型:组件

1.0.0 2019-05-02 11:23 UTC

Unknown License cc036a5843e4ca288ce603c8d6413dae2ecc28ee

This package is auto-updated.

Last update: 2023-03-20 00:00:36 UTC

README

Canvas绘图库。

Google Groups

http://groups.google.com/group/flotr2/

请将您的疑问或错误复现案例在http://jsfiddle.net/cesutherland/ZFBj5/上分叉。

API

API由一个主要绘制方法组成，该方法接受一个配置对象、辅助方法和几个微库。

示例

  var
    // Container div:
    container = document.getElementById("flotr-example-graph"),
    // First data series:
    d1 = [[0, 3], [4, 8], [8, 5], [9, 13]],
    // Second data series:
    d2 = [],
    // A couple flotr configuration options:
    options = {
      xaxis: {
        minorTickFreq: 4
      }, 
      grid: {
        minorVerticalLines: true
      }
    },
    i, graph;

  // Generated second data set:
  for (i = 0; i < 14; i += 0.5) {
    d2.push([i, Math.sin(i)]);
  }

  // Draw the graph:
  graph = Flotr.draw(
    container,  // Container element
    [ d1, d2 ], // Array of data series
    options     // Configuration options
  );

微库

扩展

通过添加新插件和图表类型，可以扩展Flotr。

图表类型

图表类型定义了特定图表的渲染方式。例如包括线形、柱形、饼形。

现有的图表类型位于js/types/。

插件

插件通过添加新功能扩展了flotr的核心。它们可以添加交互、新装饰等。例如包括标题、标签和选择。

包含的插件位于js/plugins/。

开发

本项目使用smoosh进行构建，并使用jasmine与js-imagediff进行测试。可以通过jasmine-headless-webkit使用cd spec; jasmine-headless-webkit -j jasmine.yml -c或在浏览器中通过导航到flotr2/spec/SpecRunner.html执行测试。

致谢

感谢Bas Wenneker、Fabien Ménager和其他人为原始Flotr所做的所有工作。感谢Jochen Berger和Jordan Santell对Flotr2的贡献。