C3 - 在线图上添加自定义标签

Question

我有一张C3图，

我想在每个点上添加一个标签，读取其 y 值并附加一个百分比符号。

例如400%。

有条形图的解决方案

labels: {
                format: {
                    y: d3.format("$,")
                    //y: function (v, id) { return "Custom Format: " + id; }
                }

但这不适用于折线图。

条形图的自定义标签也很好 answer，但是，这似乎不会转移到折线图。

自定义工具提示很好 answer，但我不知道如何在折线图中创建自定义标签。

尝试：http://jsfiddle.net/7kYJu/6547/

此外，出于某种原因，使用 % 会阻止图表显示，而 $ 会起作用，例如

y: d3.format("$,")

Answer 1

试试这个

`var chart = c3.generate({
   data: {
                columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 130, 100, 140, 200, 150, 50]
                ],
                type: 'line',
                labels: {
                    format: {
                        data1: d3.format("$,")
                        //data1: function (v, id) { return "Custom Format: " + id; }
                    }
                }
            }
});`

它应该是数据数组而不是在格式对象中作为键提及的轴

C3 - 在线图上添加自定义标签

C3 - Add Custom Labels on Line Graph

d3.js

c3.js