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

使用JavaScript和Canvas的最小六边形图表 – HexChart
栏目分类:图表   发布日期:2021-09-14   浏览次数:

HexChart 是一个非常小的 JavaScript 库,可帮助您在 HTML5 画布元素上绘制六边形图表。

使用:

只需下载并在 html 页面上包含 HexChart.js。

<script src="hexagon-chart.js"></script>

为六边形图表创建一个空的 HTML5 canvas 元素。

<canvas id="demo"></canvas>

初始化六边形图:

// hexagon.init(id, side_length, names, color)
hexagon.init('demo', 180, ['Name 1', 'Name 2', 'Name 3', 'Name 4', 'Name 5', 'Name 6']);

在画布元素上绘制六边形图表。

hexagon.draw(values, color);

覆盖 JavaScript 中的默认值。

bg_default_color: '#99ccff',
value_default_color: '#ffff99',
x_offset: 30,


官方网站:https://github.com/liuxd/HexChart

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