如何在 html 中的表格中制作图表?

Question

我正在寻找类似 https://coinmarketcap.com/表的东西。制作此图表的最简单方法是什么？我将使用表中其他地方的数据点。

Answer 1

它

被称为"迷你图">

您可以在此处找到维基百科文章。它通常是一个非常小的图表，通常用于表格中。

一个合适的 jQuery 库

在 JavaScript 中制作迷你图有点复杂，最好使用库。可以在此处找到非常适合您需求的jQuery插件。导入后，您可以执行以下操作：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sparklines/2.1.2/jquery.sparkline.min.js"></script>
<script>
$(function() {
$(".inlinesparkline").sparkline();
$(".inlinesparkline-large").sparkline("html", { width: "300px", height: "75px" });
});
</script>
Default
<p class="inlinesparkline">1,4,5,4,4,6,6,7,8</p>
Large
<p class="inlinesparkline-large">1,4,5,4,4,6,6,7,8</p>

如果这些对您来说太小，也可以更改大小。请参阅插件的通用选项。