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 \340 60 car.)',
                'Bien': 'Bien (entre 40 \340 49 ou  61 \340 69 car.)',
                'Trop court': 'Trop court (inf\351rieur \340 40 car.)',
                'Trop long': 'Trop long (sup\351rieur \340 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。

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

1 个答案: