embedded-column-chart:创建迷你条形图或成列的堆积条形图,而不仅仅是数字。 条形图是使用D3.js创建的

时间:2024-06-05 10:53:06
【文件属性】:

文件名称: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)

网友评论