当前位置:主页 > JavsScript库 > 图表 >

JavaScript模块化图表库 - Billboard.js
栏目分类:图表   发布日期:2021-08-17   浏览次数:

Billboard.js 是一个基于著名的D3.js库的简单、可重用、可定制、模块化、灵活的 JavaScript 图表 库。

支持的图表类型:

  • 折线图

  • 时间序列图

  • 样条图

  • 简单的 XYLine 图

  • 多个 XY 折线图

  • 带区域的折线图

  • 步骤图

  • 面积图

  • 堆积面积图

  • 条形图

  • 堆积条形图

  • 散点图

  • 饼形图

  • 甜甜圈图

  • 仪表图

  • 组合图

  • 更多的…

通过包管理器安装它:

# Yarn
yarn add billboard.js
 
# NPM
$ npm install billboard.js

Billboard.js使用:

在 html 文档中加载必要的 d3.js 和 Billboard.js 库的 JavaScript 和 CSS 文件。

<script src="//d3js.org/d3.v4.min.js"></script>
<link rel="stylesheet" href="billboard.css">
<script src="billboard.js"></script>

创建要在其中生成图表的 DIV 元素。

<div id="chart"></div>

创建一个新实例并定义您自己的要绘制在图表中的数据。

var myChart = bb.generate({
    bindto: "#chart",
    data: {
      // 数据填充处
    }
});


官方网站:https://github.com/naver/billboard.js

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库