如何在表格中显示 c3.js 数据答案

【问题标题】：How to show c3.js data in table如何在表格中显示 c3.js 数据
【发布时间】：2016-01-13 13:53:09
【问题描述】：

我有 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'
            }
        }
    });

现在我需要将数据绑定到一个表中。有没有办法使用 c3.js 将数据放入表中，或者我需要使用 javascript 或 jquery 来做到这一点？

【问题讨论】：

标签： javascript d3.js c3.js

【解决方案1】：

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

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

通常，您会以相反的方式执行此操作，即从数据库中提取数据以填充图表。所以你想要做相反的事情让我相信你让用户在页面的某个地方输入数据，然后你正在抓取这些输入以用于图表。

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

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

【讨论】：