`
这些年
  • 浏览: 399776 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

humble software 简单使用

    博客分类:
  • js
 
阅读更多

官网:http://www.humblesoftware.com/home

github:https://github.com/HumbleSoftware

 

1:简单使用:envisionjs

   可以从:https://github.com/HumbleSoftware/envisionjs下载zip包

<html>
  <head>
    <style type="text/css">
      body {
        margin: 0px;
        padding: 0px;
      }
      #container {
        width : 600px;
        margin: 8px auto;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="envision.min.css" />
  </head>
  <body>
    <div id="container"></div>
    <!--[if IE]>
    <script type="text/javascript" src="/static/lib/FlashCanvas/bin/flashcanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="envision.min.js"></script>
    <script type="text/javascript">
      (function () {

        var
          container = document.getElementById('container'),
          x = [],
          y1 = [],
          y2 = [],
          data, options, i;

        // Data Format:
        data = [
          [x, y1], // First Series
          [x, y2]  // Second Series
        ];

        // Sample the sine function for data
        for (i = 0; i < 4 * Math.PI; i += 0.05) {
          x.push(i);
          y1.push(Math.sin(i));
          y2.push(Math.sin(i + Math.PI));
        }
        x.push(4 * Math.PI)
        y1.push(Math.sin(4 * Math.PI));
        y2.push(Math.sin(4 * Math.PI));

        // TimeSeries Template Options
        options = {
          // Container to render inside of
          container : container,
          // Data for detail (top chart) and summary (bottom chart)
          data : {
            detail : data,
            summary : data
          }

        };

        // Create the TimeSeries
        new envision.templates.TimeSeries(options);

      })();
    </script>
  </body>
</html>

 

 

分享到:
评论

相关推荐

    Humble Numbers 简单DP

    【标题解析】:“Humble Numbers 简单DP”这个标题指的是一个与“Humble Numbers”相关的编程问题,它可以通过动态规划(Dynamic Programming, DP)方法来解决。Humble Numbers,也称为卑微数,是一类特殊的自然数,...

    ros humble的key

    ros humble的key

    humble-video:不起眼的视频

    如果使用Maven,则将Humble部署到Maven中央存储库。 要将其包含在您的项目中(请注意:这将包括所有操作系统的工件),请将其添加到pom.xml中: ... ... &lt; groupId&gt;io.humble &lt; artifactId&gt;humble-video-...

    The Humble Programmer

    《The Humble Programmer》是荷兰计算机科学家艾兹赫尔·戴克斯特拉(Edsger W. Dijkstra)在1972年美国计算机协会图灵奖颁奖典礼上所做的演讲。在演讲中,戴克斯特拉回顾了自己的编程生涯,并探讨了编程作为一种...

    PyPI 官网下载 | humble-0.1.2.tar.gz

    安装完成后,开发者便可以在Python代码中通过`import humble`来使用这个库。然而,具体的库功能和使用方法,需要查看库的官方文档或源代码中的`README`文件来了解。 在Python的生态系统中,发布到PyPI的库需要遵循...

    Lean Software Development

    ### Lean Software Development: An Agile Toolkit #### 精益软件开发概述 精益软件开发(Lean Software Development)是一种敏捷软件开发方法论,它源自于丰田生产系统(Toyota Production System, TPS),并将其...

    The humble programmer

    ### 《谦卑的程序员》—— Edsger W. Dijkstra 的 1972 图灵奖演讲 #### 概述 《谦卑的程序员》是计算机科学领域著名人物 Edsger W....该文首次发表在《ACM 通讯》上,后被广泛引用和传播,对软件工程、编程哲学以及...

    Object-Oriented Software Construction 2nd

    19.4 THE IMPORTANCE OF BEING HUMBLE 673 19.5 BIBLIOGRAPHICAL NOTES 674 EXERCISES 674 Chapter 20: Design pattern: multi-panel interactive systems 675 20.1 MULTI-PANEL SYSTEMS 675 20.2 A SIMPLE-MINDED ...

    humble-yolo:使用Keras的最小YOLO V1实现

    humble-yolo是我写的YOLO v1的最小实现,目的是了解惊人的YOLO算法。 要测试它,请运行: generate-dataset.py生成数据main.py --train --epoch 100用于训练网络您应该看到带有边框的图像列表。 前10张图像是未用于...

    humble:Humble的主要存储库。 与任何特定子软件包无关的问题和新功能请求都在这里

    Humble是一组松散耦合的工具,旨在使用go和构建客户端和混合Web应用程序。 Humble专为编写前端代码而设计,完全与后端无关。 您可以将Humble与以任何语言编写的任何后端服务器结合使用。 如果您确实选择同时编写...

    humble:Humble是一个简单的图形约简引擎

    规则使用我能想到的最简单的模式匹配算法,将其天真地转换为if语句。 规则可以延迟应用; 仅在最高级别,并且由规则决定,以减少他们的争论。 或杂乱无章从叶节点开始应用规则,直到根为止。 定义规则 (Compile ...

    com.humble.SlayTheSpire.apk

    com.humble.SlayTheSpire.apk

    Humble-Key-Restriction::cooking:Humble Bundle 锁区 Key 查看脚本

    Humble Key Restriction ...使用效果 无锁区限制 未揭开 已揭开 非 Steam Key 更新日志 https://github.com/xPixv/Humble-Key-Restriction/blob/master/CHANGELOG.md 问题反馈和建议 可以在 issue 页面提出 issue

    ros2-humble串口通信serial库

    ros2-humble串口通信serial库

    A_humble_SublimeText_package_for

    A_humble_SublimeText_package_for_exporting_highlig_SublimeHighlight

    humble-steam-key-redeemer:Python脚本提取所有Humble Bundle密钥并自动在Steam上赎回它们

    Python脚本提取所有Humble键并自动在Steam上赎回它们。 这主要是设计成一种“设置后忘”的工具,可以最大程度地成功将密钥输入Steam,从而确保不会赎回Steam游戏。 该脚本将同时登录Humble和Steam,从而使整个过程...

    humblebundle-downloader:下载您的Humble Bundle库

    每次运行时从您的Humble Bundle库下载新的和更新的内容(如果使用--update仅检查更新) cli命令易于使用(下载也可以在无头系统上进行) 适用于SSO和2FA帐户 每个下载项目的可选进度条( --progress标志) 使用...

    micro-ros-setup-humble.zip

    micro-ros-setup-humble.zip

    humble-book-bundle:我从Humble商店购买的所有电子书

    如果您有兴趣签出最新的书籍捆绑包(如果有),只需单击Humble Bundle主页顶部的“书籍捆绑包”标签。 例如常规捆绑包,将有多个层次。 顶层将显示可用于“按需支付”的内容。 下面是“超越平均水平”(绿色)层,...

    Atom-atom-humble-colors-syntax,Atom的语法主题,外观简洁明了。.zip

    如果你对"Humble Colors Syntax"的主题颜色不满意,可以通过修改源代码中的CSS规则来自定义颜色方案,然后重新打包为一个新的主题,供自己或其他人使用。 总的来说,Atom的语法主题是提升编程体验的重要工具,...

Global site tag (gtag.js) - Google Analytics