当前位置: 首页 > 工具软件 > C3.js > 使用案例 >

c3.js 提取form表单中的数据显示图线

周宏伯
2023-12-01

c3.js 的数据源可以为json,参考https://c3js.org/samples/data_json.html

方法一:根据form中的数据构建json对象

方法二:根据form中的数据拼接json格式字符串,然后

var json = JSON.parse(str);
c3.generate({
            bindto: '#slineChart',
            data:{
                json:json,
                keys:{
                    x:'x',
                    value:['value'],
                },
                axis:{
                    x:{
                        type: 'category'
                    }
                }

            }
        });

小记一下,从后台传过来的json 格式字符串也可以这样处理。

 

 类似资料: