如何在 table 中显示 c3.js 数据

Question

我有 c3.js 图表，一切正常。图表代码。

adminChart = c3.generate({
        bindto: '#admin-chart',
        data: {
            columns: [
                ['data1', 300, 350, 300, 0, 0, 0],
                ['data2', 130, 100, 140, 200, 150, 50]
            ],
            types: {
                data1: 'area',
                data2: 'area-spline'
            }
        }
    });

现在我需要将数据绑定到 table。有什么方法可以使用 c3.js 将数据放入 table 或者我需要使用 javascript 或 jquery 来做到这一点？

Answer 1

答案：构建一个构造函数，根据您的 table 模式规范化数据，并使用 ORM（对象关系映射器）将数据插入数据库。如果您使用 MySQL，我建议您使用 Sequelize 作为您的 ORM。如果您使用的是 PostGres，我建议您使用 MonGoose 作为您的 ORM。

详细说明：如果您尝试从图表中获取数据并将其插入数据库 table，那么您应该构建某种构造函数来获取数据并根据您的 table 模式对其进行规范化。然后，将标准化数据提供给 ORM 方法以插入或更新您的数据库 table.

通常情况下，您会以相反的方式进行操作，即从数据库中提取数据来填充图表。因此，您想要做相反的事情这一事实让我相信您是让用户在页面上的某处输入数据，然后您正在获取这些输入以用于图表。

如果我的假设是正确的，我建议首先将用户输入提供给数据库（使用 ORM），然后检索要用于图表的数据（再次使用 ORM）。

我希望这充分回答了您的问题。

如何在 table 中显示 c3.js 数据

How to show c3.js data in table

javascript

d3.js

c3.js