【文件属性】:
文件名称:embedded-column-chart:创建迷你条形图或成列的堆积条形图,而不仅仅是数字。 条形图是使用D3.js创建的
文件大小:144KB
文件格式:ZIP
更新时间:2024-06-05 10:53:06
JavaScript
嵌入式柱形图
介绍
这个小型图书馆利用D3.js来将数字可视化为条形图。 具体来说,对于带数字的表格,它可以通过将每个数字替换为水平D3图表来帮助将数字的某些列可视化为迷你水平条形图。
该库中有3种类型的图表功能:
1.水平条形图
这是默认选项,它在表格列中将数字显示为迷你条形图。 每个
元素都需要具有一组data-*属性,如下所示:
data-for-column = "ColumnA" # name of the column that its part of
data-bar-value = "9" # size of bar
data-bar-color = "#ff0000" # red
因此,示例 | 元素如下所示:
<td class="barc
【文件预览】: embedded-column-chart-master ----.gitignore(30B) ----package.json(316B) ----src() --------tooltip.js(394B) --------stacked_bar_chart.js(16KB) --------bar_chart.js(4KB) --------constants.js(23B) --------namespaces.js(140B) --------legend_control.js(8KB) ----.travis.yml(88B) ----Gruntfile.js(2KB) ----dist() --------column-chart.min.js(9KB) --------column-chart.js(29KB) ----LICENSE(11KB) ----libs() --------jquery-2.1.3.min.js(82KB) --------d3.min.js(148KB) ----README.md(3KB) ----test() --------SpecRunner.html(1KB) --------libs() --------bar_chart_test.js(3KB)
|