C3.js 图例标签使用 JSON 数据

Question

我有一个带图例的圆环图，是我在 C3.js 中制作的。实际上，我这样做是为了填充图表。

var chartDonut = c3.generate({....});
chartDonut.load({
            columns: [
                ['Parfait', 190],
                ['Bien', 120],
                ['Trop court', 32],
                ['Trop long', 22],
            ],
            names: {
                'Parfait': 'Parfait (entre 50 0 60 car.)',
                'Bien': 'Bien (entre 40 0 49 ou  61 0 69 car.)',
                'Trop court': 'Trop court (inf1rieur 0 40 car.)',
                'Trop long': 'Trop long (sup1rieur 0 79 car.)'            
            },
});

一切都按照我想要的方式运行，但我想使用 JSON 数据。我这样做

chartDonut.load({
            json: [
                    {"Parfait": 190},
                    {"Bien": 190},
                    {"Trop court": 190},
                    {"Trop long": 190}
            ],
            keys: {
                value: ['Parfait', 'Bien', 'Trop court', 'Trop long']
            },
});

但我还没有找到如何以 JSON 格式获得 names 属性。有人能帮我吗？谢谢！

Answer 1

我不确定你的问题是什么，但实际上你可以将 names 属性添加到具有与上面相同内容的对象，类似于你的第一个解决方案。这将导致相同的输出。

我创建了一个 jsFiddle，我刚刚复制了您的代码（并从 .load 切换到初始 .generate）并将 names 属性添加到第二个对象。参见 jsFiddle。

C3.js 图例标签使用 JSON 数据

C3.js Legend Labels using JSON data

json

legend

d3.js

c3.js