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

标签 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'
            }
        }
    });

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

最佳答案

答案:构建一个构造函数,根据您的表架构规范数据,并使用 ORM(对象关系映射器)将数据插入数据库。如果您使用 MySQL,我建议使用 Sequelize 作为您的 ORM。如果您使用 PostGres,我建议使用 MonGoose 作为您的 ORM。

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

通常,您会以相反的方式执行此操作,即从数据库中提取数据来填充图表。因此,您想做相反的事情这一事实让我相信您让用户在页面上的某个位置输入数据,然后您抓取这些输入以用于图表。

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

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

关于javascript - 如何在表格中显示c3.js数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34768497/

相关文章:

javascript - 自定义rc-time-picker的样式

javascript - C3JS - 无法读取未定义的属性 'category10'

javascript - d3.js 中的可缩放时间序列

javascript - 使 Firefox addon-sdk 处理多个选项卡

javascript - Term.js - 页面向下滚动到带有终端的部分

javascript - 使用D3js创建数据库E-R图

javascript - 使用scaleBand()在轴刻度中的文本值

javascript - 使用 C3.js 加载区域

javascript - 圆 Angular 变成矩形?

javascript - 如何阅读和理解Event-Parameters的控制台日志