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

时间:2016-01-13 13:53:10

标签: javascript d3.js c3.js

我有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来做到这一点?

1 个答案:

答案 0 :(得分:1)

ANSWER :构建构造函数,根据表模式规范化数据,并使用ORM(对象关系映射器)将数据插入数据库。如果您使用的是MySQL,我建议您使用Sequelize作为您的ORM。如果您正在使用PostGres,我建议您使用MonGoose作为您的ORM。

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

通常,您可以反过来这样做,即从数据库中提取数据以填充图表。因此,您想要做相反的事实让我相信您让用户在页面的某个位置输入数据,然后您将获取这些输入以用于图表。

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

我希望这能够充分回答你的问题。