C3.js - 嵌套的JSON对象,如何访问和加载数据?

时间:2018-03-26 20:14:55

标签: javascript jquery asp.net-mvc d3.js c3.js

人,

我有以下JsonResult

JsonResult

我使用此代码渲染我的图表

    var chart = c3.generate({
        bindto: "#graficoProjeto",
        x: 'x',
        data: {
            url: '/AdminOrdemServico/OrdemServProjetos',
            mimeType: 'json',
            xFormat: '%d/%m/%Y',
            keys: {
                x: 'DataEmiss',
                value: ['TotalOs']
            },
            type: 'bar'
        },
        axis: {
            x: {
                type: 'timeseries',
                tick: {
                    format: '%d/%m/%Y'
                }
            }
        }
    });

你怎么看Chart on screen,它正在发挥作用。 但我需要为json中的对象添加一个名为“OrdemServMot”的新行以及此对象的值,使其成为Combination Chart,我该怎么做? THX。

1 个答案:

答案 0 :(得分:1)

  1. 最新的c3.js版本应该允许您指定值“path”而不仅仅是值键。这可以帮助您从json结构中获取深度值。

  2. 要使用不同的图表类型,请使用 s 类型而不是类型。

    data: {
        url: '/AdminOrdemServico/OrdemServProjetos',
        mimeType: 'json',
        xFormat: '%d/%m/%Y',
        keys: {
            x: 'DataEmiss',
            value: ['TotalOs', 'OrdemServMot[0].TotalOs'] // 1
        },
        types: ['bar', 'line'] // 2
    },
    
  3. 祝你好运!