Frappe Charts

简单直观的零依赖图表库
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 报表/图表制作
软件类型 开源软件
地区 不详
投 递 者 巫化
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Frappé Charts 是一个现代、直观且反应灵敏的图表库,无任何依赖。

如何构建图表

安装

  npm install frappe-charts

导入至项目

  import Chart from "frappe-charts/dist/frappe-charts.min.esm"

...或将其直接放入 HTML 中

  <script src="https://unpkg.com/frappe-charts@0.0.5/dist/frappe-charts.min.iife.js"></script>

制作一个新的图表

  <!--HTML-->
  <div id="chart"></div>
  // Javascript
  let data = {
    labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
      "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],

    datasets: [
      {
        title: "Some Data", color: "light-blue",
        values: [25, 40, 30, 35, 8, 52, 17, -4]
      },
      {
        title: "Another Set", color: "violet",
        values: [25, 50, -10, 15, 18, 32, 27, 14]
      },
      {
        title: "Yet Another", color: "blue",
        values: [15, 20, -3, -15, 58, 12, -17, 37]
      }
    ]
  };

  let chart = new Chart({
    parent: "#chart", // or a DOM element
    title: "My Awesome Chart",
    data: data,
    type: 'bar', // or 'line', 'scatter', 'pie', 'percentage'
    height: 250,
    format_tooltip_x: d => (d + '').toUpperCase(),
    format_tooltip_y: d => d + ' pts'
  });
  • 1、安装(最好laravel5.8以上) composer require consoletvs/charts:6.* 2、注册 ConsoleTVs\Charts\ChartsServiceProvider::class, 3、发布配置文件 php artisan vendor:publish --tag=charts_config 4、创建图表类 官方使用php artisan make:ch

 相关资料
  • 我有一些年的maven项目的经验,即使是多模块项目(这让我讨厌maven的多模块特性(所以免责声明现在已经完成了)),即使我真的喜欢maven,我也无法得到一个明确的答案: 多模块maven项目的典型用途是什么?与简单的依赖关系和父pom相比,这样的结构有什么附加值? 我已经看到了很多多模块项目的配置,但是所有这些都可以通过创建一个简单的依赖库结构来解决,这些依赖库作为交付品(即使有一个父pom,

  • 问题内容: 有人可以为Java建议一个简单的(很容易理解的)图表库吗? 我只想在程序中添加一个简单的图表,并认为我可以通过学习图书馆来节省一些时间。 问题答案: JFreeChart是Java最好的开源图表软件包之一。

  • 在FastAdmin中如果需要使用Bootstrap-table,需要使用require引入table模块。table模块对应的是assets/js/require-table.js文件,FastAdmin做了许多通用方法和默认值操作。 载入依赖 require(['table'], function(Table){ //编写实例化代码 //使用Table对象 }); 引入CSS

  • 我有一个抽象超类: 用< code>@ViewScoped和< code>@Named定义的另一个类扩展了一个: 到目前为止,这没有问题。 现在,我想在超类< code>A中添加observer方法,以便一般地处理CDI事件,例如: 但部署此wildfly会在部署期间引发异常: WELD-000404:条件观察者方法不能由@Dependent范围的 Bean 声明:[后退注释方法] 公共 A.实体

  • 本文向大家介绍AngularJS 依赖注入详解和简单实例,包括了AngularJS 依赖注入详解和简单实例的使用技巧和注意事项,需要的朋友参考一下 AngularJS 依赖注入 什么是依赖注入 wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后

  • 本文向大家介绍gradle 列表依赖,包括了gradle 列表依赖的使用技巧和注意事项,需要的朋友参考一下 例子 调用dependencies任务可以使您看到根项目的依赖关系: 结果是依存关系图(考虑了传递依存关系),已按配置细分。要限制显示的配置,您可以传递--configuration选项,然后传递一个选定的配置进行分析: 要显示子项目的依赖关系,请使用<subproject>:depende

  • 依赖关系观察器机制允许您将侦听器注册到依赖关系中。功能实际上是Observator模式的实现。当依赖关系改变其状态(UP或DOWN)时,可以应用一些自定义逻辑。 如何激活 Spring Cloud Zookeeper依赖关系功能需要启用从依赖关系观察器机制中获利。 注册听众 为了注册一个监听器,你必须实现一个接口org.springframework.cloud.zookeeper.discove

  • 问题内容: 是否有一种方法(例如,Maven插件)可以获取不需要的/黑名单的依赖项列表(直接和传递),并且如果检测到列出的依赖项之一,则构建失败? 在我的项目中,我们严格地希望摆脱Apache Commons Logging并将其替换为SLF4J JCL Bridge。我知道我们必须排除自己的不必要的部门,但是如果有人添加了一个依赖项并将其列入黑名单,那么我希望构建失败。 问题答案: 您可以使用禁